X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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


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 »



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook