HTMLHeadings
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
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
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.
For example:
<h1>- Page title<h2>- Section titles<h3>- Sub-sections
Example
<h2>Europe</h2>
<h3>France</h3>
<h3>Italy</h3>
<h2>Asia</h2>
<h3>India</h3>
<h3>Thailand</h3>
Tip: Use only one<h1> per page - it represents the main topic or title.
Note: Use HTML headings for headings only. Don't use headings to make textBIG orbold.
Bigger Headings
Each HTML heading has a default size. However, you can specify the size for any heading with thestyle attribute, using the CSSfont-size property:
HTML Tag Reference
W3Schools' tag reference contains additional information about these tags and their attributes.
| Tag | Description |
|---|---|
| <html> | Defines 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 ourHTML Tag Reference.
Video: HTML Headings
