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
  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.