HTML-Headings in HTML(HTML-5)

 

Html Headings

• In HTML, headings are used to provide structure and hierarchy to the content of a web page.
• There are six levels of headings, from h1 to h6, with h1 being the most important(largest in size) and h6 being the least important(smallest in size).
• Refer to the below example(W-1-1)

(W-1-1)

• The texts in the headings will be displayed in larger and bolder font than regular paragraph text.
• purpose of using headings is to provide structure and hierarchy to the content, making it easier for users to navigate and understand. 
• Use headings wisely and appropriately to make your content more organized and accessible.

More explanation about each of the six heading levels in HTML

<h1> 

• This is the top-level heading.
•  used to indicate the most important section of the page.
•  It should be used sparingly and only for the main title or headline of the page.

<h2>

• This is the second-level heading.
• used for major sections of the page. 
• It should be used to break up the main content into distinct parts.

<h3>

• This is the third-level heading. 
• used for sub-sections of the page. 
• It should be used to break up the content into smaller, more specific parts.

<h4>

• This is the fourth-level heading. 
• used for sub-sections of the page that are even more specific than the previous level. 
• It should be used to further break down the content into smaller parts.

<h5>

• This is the fifth-level heading.
• used for even more specific sub-sections of the page. 
• It should be used to break down the content into very small, specific parts.

<h6>

• This is the lowest-level heading. 
• used for the most specific sub-sections of the page. It should be used for small specific details or notes that are not critical to the overall content.