HTML <h1> to <h6> Tags
Example
The six different HTML headings:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Try it yourself »
Definition and Usage
The <h1> to <h6> tags are used to define HTML headings.
<h1> defines the most important heading. <h6> defines the least important heading.
Browser Support
| Element | ||||||
|---|---|---|---|---|---|---|
| <h1> - <h6> | Yes | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
The "align" attribute is not supported in HTML5. Use CSS to align elements.
Attributes
| Attribute | Value | Description |
|---|---|---|
| align | left center right justify |
Not supported in HTML5. Specifies the alignment of a heading |
Global Attributes
The <h1> to <h6> tags also supports the Global Attributes in HTML.
Event Attributes
The <h1> to <h6> tags also supports the Event Attributes in HTML.
Related Pages
HTML tutorial: HTML Headings
HTML DOM reference: Heading Object
Default CSS Settings
Most browsers will display the <h1> element with the following default values:
Example
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it yourself »
Most browsers will display the <h2> element with the following default values:
Example
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it yourself »
Most browsers will display the <h3> element with the following default values:
Example
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it yourself »
Most browsers will display the <h4> element with the following default values:
Example
h4 {
display: block;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it yourself »
Most browsers will display the <h5> element with the following default values:
Example
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it yourself »
Most browsers will display the <h6> element with the following default values:
Example
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it yourself »
