H1 Tag: First-Level Heading

The <h1> tag defines the first-level heading and is typically the largest and boldest among all the heading tags. It is often used for the main title of the page.

<h1>
  <!-- Heading content -->
</h1>

H2 Tag: Second-Level Heading

The <h2> tag defines the second-level heading and is used for subheadings that are less important than the main title.

<h2>
  <!-- Heading content -->
</h2>

H3 Tag: Third-Level Heading

The <h3> tag defines the third-level heading and is used for subheadings that are less important than the second-level heading.

<h3>
  <!-- Heading content -->
</h3>

H4 Tag: Fourth-Level Heading

The <h4> tag defines the fourth-level heading and is used for subheadings that are less important than the third-level heading.

<h4>
  <!-- Heading content -->
</h4>

H5 Tag: Fifth-Level Heading

The <h5> tag defines the fifth-level heading and is used for subheadings that are less important than the fourth-level heading.

<h5>
  <!-- Heading content -->
</h5>

H6 Tag: Sixth-Level Heading

The <h6> tag defines the sixth-level heading and is used for subheadings that are less important than the fifth-level heading.

<h6>
  <!-- Heading content -->
</h6>

Conclusion

• <h1> Tag: Used for the main title of the page; largest and most prominent heading.
• <h2> Tag: Used for major section headings; smaller than <h1> but still quite prominent.
• <h3> Tag: Used for sub-sections within an <h2> section; smaller than <h2> but larger than <h4>.
• <h4> Tag: Often used for headings within an <h3> section; useful for further breaking down content.
• <h5> Tag: Rarely used; suitable for deeply nested sections or less important headings.
• <h6> Tag: The smallest heading tag; used for very specific or minor headings, rarely seen in general usage.