THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

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 »