The heading is the title or caption that you want to display on a webpage.


Heading levels

In HTML have <h1> to <h6> tags. you can define as you want according to your web page design 


Examples

<!DOCTYPE html>
<html>
    <head>
        <title>HTML Heading Levels</title>
    </head>
    <body>
        <h1>Heading Level 1</h1>
        <h2>Heading Level 2</h2>
        <h3>Heading Level 3</h3>
        <h4>Heading Level 4</h4>
        <h5>Heading Level 5</h5>
        <h6>Heading Level 6</h6>
    </body>
</html>

See the live demo and realize the difference between heading levels.


Headings are Important

  • SEO - Search engines use the headings to index web pages
  • H1 - Should only have once at a page
  • h2 - h6 Headings you can define more than once in a page  


Download source code

Are you facing problems in understanding this article? download source code now