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.


Post a Comment

Previous Post Next Post
LightBlog
LightBlog