Post
Ask Question

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.
Foreantech
Foreantech - A complete online solution company.