Types Of Headings In HTML

By | January 1, 2012

HTML Hedings

Headings in HTML are used to display Titles, Sub-Titles of Sub-Sub-Titles for your web page text. There are six types of headings in HTML. H1 is the largest heading and H6 is the smallest heading. <H1> is opening tag whereas </H1> is the closing tag for the largest heading. The text between <h1> and </h1> will be displayed as the main Title in your web page. Following are the six tags used for six types of headings in HTML.

  1. <H1> … </H1>
  2. <H2> … </H2>
  3. <H3> … </H3>
  4. <H4> … </H4>
  5. <H5> … </H5>
  6. <H6> … </H6>

The H1 heading is used for main titles. Actually H1 heading will show the text in largest font size. H2 headings is used for Sub-Titles. H2 displays text in smaller font size than H1, H3 displays text of font size smaller than H1 and H2, and so on. H1 is for largest heading in a text page and H6 is for smallest heading.  

Importance Of Headings in SEO

Headings are important not only, for specifying Titles and Sub titles in a web page, but they play an important role to enhance Search Engine Optimization of your web page in major Search engines like Google and Yahoo. Search engines use your headings, especially H1 and H2 headings, to index the structure and content of your web pages. Therefore, proper use of headings may improve your web page’s search engine optimization.

Example HTML Code and Output

HTML Code for Six Headings Output in Web browser
<h1>First Heading</h1>
<h2>Second Heading</h2>
<h3>Third Heading</h3>
<h4>Fourth Heading</h4>
<h5>Fifth Heading</h5>
<h6>Sixth Heading</h6>

First Heading

Second Heading

Third Heading

Fourth Heading

Fifth Heading
Sixth Heading

Leave a Reply

Your email address will not be published. Required fields are marked *