Wednesday, September 9, 2015

HTML styling

Posted on 12:55 AM by Unknown
If you want to change the  default  style of html you can use the   style element.

COLORS:

use background-color: attribute in changing your background color.

<body style="background-color:black"> you can choose any color that you want as long as html accepts it.

 If your confuse of what color to use you can use hexa color combination.
like
<body style="background-color:#b4eeb4">
refer to this link below for more hexa colors.

 ==>CLICK HERE TO KNOW MORE HEXA COLOR COMBINATION

use  color: attribute in changing text color.

 <p style="color:blue"> same with background color you can also use hexa
<p style="color:#b4eeb4">
FONTS:

 use font-family: attribute in changing your font style
Note: This is not allowed in html5 anymore you can only use this tag in the lower version of html. so it is recommended to use css for this.

 <h1 style="font-family:verdana">
<p style="font-family:courier">

 use font-size: attribute used to resize your fonts.
<h1 style="font-size:300%">

ALIGNMENTS:

 use  text-align: attribute in aligning your texts.

 <h1 style="text-align:center">
<h1 style="text-align:left">
<h1 style="text-align:right">

HTML adding Images

Posted on 12:03 AM by Unknown
adding images in your website its not that complicated  <img src="myphoto.jpg" alt="pictures">

 image  are defined as <img>  tag

 (src)- attribute is for the source of your photo if you save the photo with the same folder where did you
 save your html file you can directly put in the file name of your photo like being  shown above.
 but if you separate them you must also include the folders where did you put the photos before the file name  like

<img src="images/myphoto.jpg" alt="pictures">   images is the folder name where the photos is being stored.

 (alt)-attribute  is being performed when the photos is not being shown/ or       the html can't find the file. like this image being shown below you       can see the word "pictures" because html cant find the photo
   
(width) & (height) -attributes technically this attributes is used to resize photos that you wanted to.

  <img src="w3schools.jpg" alt="W3Schools.com" width="104"height="142">

Tuesday, September 8, 2015

Saving and running html code

Posted on 9:54 AM by Unknown

HTML Tags

Posted on 9:09 AM by Unknown
Another thing to remember in html is the tags  usually html tags come in pairs like
<title> and </title> so the <title> is the starting tag and the </title>
is the ending tag. but their are also independent tags in which they dont need to have a ending tag.

 <hmtl>-Defines an HTML document
<head>-Defines the head of html document
<body>-Defines the body of html document
<h1> to <h6>-Defines HTML headings
<hr>-Defines a horizontal line
<img>-Defines a image

Monday, September 7, 2015

HTML Introduction

Posted on 7:18 AM by Unknown
<!DOCTYPE html>
<html>
 <head>
  <title>Page Title</title>
 </head>
 <body>
  <h1>Heading</h1>
  <p>paragraph.</p>
 </body>
</html>


  • The DOCTYPE declaration defines the document type to be HTML
  • The text between <html> and </html> describes an HTML document
  • The text between <head> and </head> provides information about the document
  • The text between <title> and </title> provides a title for the document
  • The text between <body> and </body> describes the visible page content
  • The text between <h1> and </h1> describes a heading
  • The text between <p> and </p> describes a paragraph
  

    This are the first things you have to remember enable for you to create your own          html   codes designs.
Subscribe to: Comments (Atom)