HTML Headings

HTML headings are used to define the headings or titles of sections in an HTML document. HTML headings are an essential part of structuring your web page. They provide hierarchy and help organize your content. There are six levels of headings in HTML, ranging from h1 to h6. Here are some examples of how to use HTML headings:

<h1> Heading Tag: This is the largest and most important heading, typically used for the main title of the page. Example:

<h1>Welcome to My Website</h1>

<h2>Heading Tag: This is the second-level heading, used for major sections of the page. The “h2” tag comes next in terms of importance. It's often used for section headings or subheadings. Example:

<h2>About Us</h2>

<h3>Heading Tag: This is the third-level heading, used for sub-sections within major sections. Example:

<h3>Our Team</h3>

<h4>Heading Tag: This is the fourth-level heading, used for subsections within sub-sections. Example:

<h4>John Smith</h4>

<h5>Heading Tag: This is the fifth-level heading, used for minor subsections. Example:

<h5>Education</h5>

<h6>Heading Tag: This is the smallest and least important heading, used for minor details or footnotes. Example:

<h6>Disclaimer</h6>

Headings are not only important for structuring your content, but they also have an impact on search engine optimization (SEO) and accessibility. It's important to use headings in a logical and hierarchical order to make your content more readable and navigable for users and search engines.

It is important to use “h1” heading in HTML page only once to help with accessibility and search engine optimization. Headings should also be used sparingly and should accurately reflect the content of the section they are used in.

Watch this chapter video on YouTube: