HTML Headings
HTML headings are titles or subtitles that you want to display on a webpage.
HTML Headings
HTML headings are defined with the <h1>
to <h6>
tags.
<h1>
defines the most important heading. <h6>
defines the least important heading.
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 »
Note: Browsers automatically add some whitespace (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 the 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:
HTML Exercises
HTML Tag Reference
W3Schools' tag reference contains additional information about these tags and their attributes.
Tag | Description |
---|---|
<html> | Define the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
For a complete list of all available HTML tags, visit HTML Tag Reference on our website W3SchoolsEn. The Best.
HTML - Headings - W3Schools Video
This video is an explanation of Headings in HTML.
Part of a series of video tutorials to learn HTML for beginners!