Html contain 6 heading tags. Heading tags are used to create headings in an Html document. Html headings are created using the tag from <h1>, <h2>, …., <h6>.

<h1> tag is used to create the main heading or the most important in a document. Typically a document must contain only one main heading, so it is good to use only a single <h1> tag heading in an html document.

<h2> is the subheading tag and <h3> is the sub, sub heading tag and so on up to <h6>

You can use all these headings in an html document. But normally <h1>, <h2> and <h3> are used and the <h4>, <h5> and <h6> are rarely used.

Example

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

This will be displayed like this in the webpage.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Why headings are important

Headings are very important in an Html document. Search engines like Google and Bing use the Heading to show the document structure.

Heading is very important ranking factor in SEO. A Good heading is very important for you page to be indexed and rank top in search results. The main heading or the <h1> heading is the most important and you should never omit this. Also never use more than one <h1> heading in a page. Also always try to split your document into several parts and use at least <h2> and <h3> in your document.

You can learn more about the importance of heading in the SEO tutorial.

Always Remember: Use the heading tag to create headings only. Never use to create bold and bigger text. Use CSS to create bold and bigger sizes.

Heading size

Each heading has a default size and each browser may display it differently. But if you want to alter the heading sizes then you can easily do it using CSS.

<h1 style="font-size:80px;">Heading 1</h1>

The CSS font-size property is used to set the size of text. Don’t worry, you can learn more about CSS in the CSS tutorial.