HTML provides six levels of headings. Usage of these headings helps us in ensuring a uniform look and feel for the document. We can format our pages with different levels of header tags. Various levels of headings are H1, H2 .... H6.

<H1> ... </H1>:

This is the first level of heading offered by HTML. This heading is most important when compared to other levels and this heading is the highest - level of headings. This tag inserts a line break before and after the text enclosed with in these two tags. Text enclosed between <H1> and </H1> will be displayed as below.

Level 1 Heading

<H2> ... </H2>:

This is the second level of heading provided by HTML. Text enclosed between <H2> and </H2> will be displayed as below.

Level 2 Heading

<H3> ... </H3>:

This is the third level of heading provided by HTML. Text enclosed between <H3> and </H3> will be displayed as below.

Level 3 Heading

<H4> ... </H4>:

This is the forth level of heading provided by HTML. Text enclosed between <H4> and </H4> will be displayed as below.

Level 4 Heading

<H5> ... </H5>:

This is the fifth level of heading provided by HTML. Text enclosed between <H5> and </H5> will be displayed as below.

Level 5 Heading

<H6> ... </H6>:

This is the sixth level of heading provided by HTML. Text enclosed between <H6> and </H6> will be displayed as below.

Level 6 Heading

Note: H1 tag is mainly used for main headings and mostly it is used once in a page. H2 to H6 can be used as many times as required.

Read how we can add style property to different heading tags and use them to define different layout and format

Font style by CSS Managing font size and style

Sanjaygang	23-01-2019
Useful webpage

Heading tags in HTML for Web pages