HTML Headings

HTML headings are used to define the structure and hierarchy of content on a webpage. They range from <h1> (most important) to <h6> (least important).

Heading Levels

HTML supports six heading levels, from <h1> to <h6>. These are used to organize content hierarchically, with <h1> representing the highest level and <h6> representing the lowest.

Example of HTML Headings

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

Heading 1

<h1>Main Heading</h1>

<h1> is used for the main heading of a page, representing the most important heading in the content hierarchy.

Heading 2

<h2>Subheading 1</h2>

<h2> is typically used for subsections under the main heading.

Heading 3

<h3>Sub-subheading 1</h3>

<h3> is used for further subsections under <h2>.

Heading 4, 5, and 6

<h4>Further Subsection</h4>
<h5>Even Deeper Subsection</h5>
<h6>Lowest Level Subsection</h6>

Headings <h4>, <h5>, and <h6> are used for even deeper levels of content hierarchy.