HTML heading levels:
HTML heading levels provide a hierarchical structure that shows heading levels from <h1> to </h6>, from the largest to the smallest, as shown in the figure below.
<h1> tag is a level 1 heading.</h1>
<h2> tag is a level 2 heading.</h2>
<h3> tag is a level 3 heading.</h3>
<h4> tag is a level 4 heading.</h4>
<h5> tag is a level 5 heading.</h5>
<h6> tag is a level 6 heading.</h6>
<h1> tag:
It is the Heading 1 tag for the title of the page, used for the main heading. It displays on the screen in a large size.
<h2> tag:
It is the Heading 2 tag. It creates major section headings on a web page. You can create multiple level 2 headings on a web page. These headings are the main sections under the main heading (<h1>). It displays on the screen at a smaller size than <h1>.
<h3> tag:
It is the Heading 3 tag. It creates sub-sectionsunder the main sections of a web page. You can create multiple level3 headings on a web page. These headings are the sub-sections under the level 2 headings(<h2>). It displays on the screen at a smaller size than <h2>.
<h4> tag:
This is the Heading 4 tag. It shows the sub-sections under Heading 3. It displays on the screen at a smaller size than <h3>.
<h5> tag:
This is the Heading 5 tag. It shows the sub-sections under Heading 4. It displays on the screen at a smaller size than <h4>.
<h6> tag:
This is the Heading 6 tag. It shows the sub-sections under Heading 5. It displays on the screen at a smaller size than <h5>.
