The bold or highlighted text that appears on web pages to display the content's title is a relevant example of an HTML headings tag. This tutorial will teach you about HTML headings and their proper usage.

What Are HTML Heading Tags?

HTML provides six headings levels, represented by the <h1> to <h6> tags. The <h1> tag represents the highest heading level, while the <h6> tag represents the lowest level. These tags are used to create headings and subheadings in an HTML document.

Here is an example of how headings are used in an HTML document:


<h1>Main Heading</h1>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>

In this example, the <h1> tag represents the main heading of the document, while the <h2> tag represents a subheading, and so on. The headings are hierarchical, with the main heading being the largest and the subheadings getting progressively smaller.

Headings are used to structuring a webpage's content and help users navigate the content. Search engines also use them to understand the structure and hierarchy of the content on a webpage.

It's vital to use headings appropriately and create a logical hierarchy. For example, you should not skip heading levels or use headings out of order. A good rule of thumb is to use one <h1> heading per page, followed by subheadings using the <h2> to <h6> tags as needed.