Basic and Useful Tags in HTML

Basic and Useful Tags in HTML 

 
Tags are elements of the HTML language. Almost every kind of tag has an opening symbol and a closing symbol. For example, the <HEAD> tag identifies the beginning of heading information. It also has a closing tag </HEAD>.
 
<HTML></HTML>
 
This element tells browsers that the file is a HTML document. Each HTML document starts with the tag <HTML>. This tag should be the first thing in the document. It has an associate closing tag </HTML> which must be the last tag in the file.
 
<HEAD></HEAD>
 
The head contains important information about the document.
 
<TITLE></TITLE>
 
The title tag is an important tag. It is used to display a title on the top of your browser window. Both the opening and the closing tags go between the head tags.
 
<META>
 
Another tag that can be added in the head is a <META> tag. It is used to help search engines index a page. There are several different meta names.
 

The author meta:

  1. Collapse  
  2. <META NAME="author" CONTENT="Nongjian Zhou">  

The description meta:

  1. Collapse  
  2. <META NAME="description" CONTENT="A very easy tutorial for HTML beginners">  

The keyword meta.

 
Note that always separate Keywords with a comma:
  1. Collapse  
  2. <META NAME="keyword" CONTENT="html,tutorial,beginner,web design">  
The following example shows how these tags are coded:
  1. Collapse  
  2.   
  3. <head>  
  4.     <title>HTML For Beginners</title>  
  5.     <meta name="Author"   
  6. content="Nongjian Zhou">  
  7.         <meta name="Description"   
  8. content="A very easy tutorial for HTML beginners">  
  9.             <meta name="Keywords"   
  10. content="html,tutorial,beginner,web design">  
  11.             </head>  
  12.             <BODY></BODY>  
The Body Tag is used to identify the start of the main portion of your webpage. Between <BODY> </BODY> tags you will place all images, links, text, paragraphs, and forms. We will explain each tag that is used within the body of the HTML file.
 

<H#></H#>

 
There are six levels of headings, numbered 1 through 6. These tags are used for the characters in the outlines. The biggest heading is <H1> and the smallest one is <H6>:
  1. Collapse  
  2. <H1>Biggest text</H1>  
  3. ......   
  4. <H6>smallest text</H6>Collapse  
  5. <H1>Biggest text</H1>  
  6. ......   
  7. <H6>smallest text</H6>  

<P></P>

 
Paragraph tags (<P> opening tag and </P> closing tag) allow you to place a paragraph.
 
For example:
  1. <p>Basic Information</p>  
  2. *The undefined</P> closing tag may be omitted  

Align

 
The defaulted position is left justification. You can also use "ALIGN" for justification:
  1. Collapse  
  2. <p ALIGN="center"> Paragraph will be centered</p>  
  3. <p ALIGN="left"> Paragraph will be left justified</p>  
  4. <p ALIGN="right">Paragraph will be right justified</p>  
Ex : <CENTER></CENTER>
 
This kind of tags have the capability of allowing you to center the text on the homepage.
  1. Collapse  
  2. <center>  
  3.     <p> Paragraph will be centered</p>  
  4. </center>  

<BR>

 
This tag break whatever to be on the next line. The following is an example:
  1. Collapse  
  2. <p>Welcome To  
  3.     <br> My Homepage!  
  4.     </p>  

<HR>

 
This tag adds a horizontal line or divider to your web site. An <HR> tag makes the following
  1. divider:  
  2. The   
  3. <hr> tag can be set as:  
  4.     <hr width="450" align="right" size="5">  
  5. **  You can add spaces in your text by using  .  

<BLOCKQUOTE></BLOCKQUOTE>

 
You can use this tag to format or remove a text by moving both the left and right sides of the paragraph.
  1. Collapse  
  2. <BLOCKQUOTE>  
  3.     <H1>Welcome To John's Homepage!</H1>  
  4.     <p>Content</p>  
  5.     <p>Basic Information</p>  
  6. </BLOCKQUOTE>   
Image-1.jpg
 

<PRE></PRE>

 
Preformatted the text of the paragraph to exactly display what you typed in the Web browser.
 
For example:
  1. Collapse  
  2. <pre>  
  3. Item Price quantity  
  4. -----------------------------  
  5. A 34.99 23  
  6. B 25.95 13  
  7. -----------------------------  
  8. </pre>  
Image-2.jpg
 
I will Post Some More Interesting Post Tomorrow. If you cant Wait then Please Download my PDF.


Next Recommended Reading List tags in HTML 5