Home»Classes»Getting Started with HTML»Headings

Headings

Updated onDec 22, 2021byAlan Morel

#html

Headings
Resources

Page headings are important. They help set the tone for the rest of the page, and they are usually in a bigger font, so users notice them. Not only that, but headings are important for search engines too. Let's learn about the different types of headings, what the different levels mean, and how to use them.

Headings

Whenever you want to give your page a heading, HTML has you covered as you have many tags at your disposal.

HTML offers you six different tags, to be more precise. They are:

h1 tag
h2 tag
h3 tag
h4 tag
h5 tag
h6 tag

HTML
<!DOCTYPE html>
<html>
    <head>
        <title>Headings</title>
    </head>
    <body>
        <h1>I am an h1 header</h1>
        <h2>I am an h2 header</h2>
        <h3>I am an h3 header</h3>
        <h4>I am an h4 header</h4>
        <h5>I am an h5 header</h5>
        <h6>I am an h6 header</h6>
    </body>
</html>

All the heading tags.

Headings are important because they help describe what the page is about and help you establish hierarchy in your page. Do not use them for styling, only for describing how important the heading is in your page.