find and solve || findandsolve.com
Please wait.....

HTML Organizing Content with Headings

HTML defines six levels of headings, and these heading elements are H1, H2, H3, H4, H5, and H6 which is hierarchy and the structure of the web page content.HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading.

HTML headings are titles or subtitles that you want to display on a webpage.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6


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>

Headings Are Important

  • HTML headings provide valuable information by highlighting important topics and the structure of the document, so optimize them carefully to improve user engagement
  • Don't use headings to make your text look BIG or bold. Use them only for highlighting the heading of your document and to show the document structure.
  • Since search engines, such as Google, use headings to index the structure and content of the web pages so use them very wisely in your webpage.
  • <h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.

Bigger Headings

Each HTML heading has a default size. However, you can specify the size for any heading with the style attribute, using the CSS font-size property:

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