HTML Headings

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

HTML Heading 1
HTML Heading 2
HTML Heading 3
HTML Heading 4
HTML Heading 5
HTML Heading 6

HTML Headings

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

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

HTML Headings Example:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Try it Yourself

Headings Are Important In Website

Also 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.

If You Want Bigger Headings

Every HTML heading has a default font size. However, you can Change the size for any heading with the style attribute as well, using the CSS font-size property:


<h1 style="font-size:60px;">Heading 1</h1>