HTML Headings

Titles and Subtitles of a webpage are displayed using html headings.

Page Heading 1

Page Heading 2

Page Heading 3

Page Heading 4

Page Heading 5
Page Heading 6
Try it

HTML Headings are defined by <h1> to <h6>.

<h1> defines the largest heading or most important heading and <h6> defines the smallest heading or least important heading.

<h1>Page Heading 1</h1>
<h2>Page Heading 2</h2>
<h3>Page Heading 3</h3>
<h4>Page Heading 4</h4>
<h5>Page Heading 5</h5>
<h6>Page Heading 6</h6>
Try it
  • Browser automatically add some margin before and after heading.
  • Don't use heading tags for making text Bold and Bigger, heading tags are only used for making page headings.

Why HTML Headings are important?

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

Users often take off a page by its headings. It is important to use headings to show the document structure. It also helps in building good on-page SEO.

<h1> headings should be used for main headings, followed by <h2>,...<h6> to improve search engine optimization score.

HTML Headings Sizes

There is default heading size in HTML. However, you can change headings font size using CSS <font-size> property in the style attribute. Font size of h1 to h6 in html can be changed according to our needs.

<h1 style="font-size: 40px" >Page Heading</h1>
Try it