top of page

HTML Headings

HTML headings are titles or subtitles that you want to display on a webpage.

headings1.JPG

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.

headings2.JPG

Note: Browsers automatically add some white space (a margin) before and after a heading.

Headings Are Important
Search engines use the headings to index the structure and content of your web pages.

​

Users often skim a page by its headings. It is important to use headings to show the document structure.

 

<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.

Note: Use HTML headings for headings only. Don't use headings to make text BIG or bold.
 

Bigger Headings
Each HTML heading has a default size. However, you can specify the size for any heading with the
style attribute, using the CSS font-size property:

headings3.JPG
bottom of page