HTML Headings

Headings in HTML

  • The <h1> to <h6> tags are used to set up headings in HTML.
  • <h1> shows which heading is the most important.<h6> is the heading that is the least important.
  • The <h1> to <h6> tags define six different HTML headings, from the highest level h1 (the main heading) to the lowest level h6 (least important heading).
  • The most important heading tag is h1, and the least important is h6. So the most important heading is h1, and the least important is h6.
  • Headings in HTML are titles or subtitles you want to show on a webpage.
  • Headings in HTML help the search engine figure out how a web page is put together so it can index it.
  • Nestled elements can also use HTML headings. Here are a number of codes that show how to use heading elements.


<h1>Your Heading h1</h1>
<h2>Your Heading h2</h2>
<h3>Your Heading h3</h3>
<h4>Your Heading h4</h4>
<h5>Your Heading h5</h5>
<h6>Your Heading h6</h6>

Titles importance

Search engines use the headings to figure out how your web pages are organised and what they are about.

People tend to skim a page by looking at its headings. Use headings to show how the document is put together.

Use <h1> headings for the most important headings, <h2> for the next most important, <h3> for the next least important, and so on.

Note: HTML headings should only be used for headings. Don’t make text BIG or bold by using headings.

Bigger Headings

Every heading in HTML has a set size. But with the style attribute and the CSS font-size property, you can change the size of any heading:

People also search
Scroll to Top