HTML Elements: Heading Tags (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>)

By: Dusty Arlia
Published on August 16, 2012
Last Updated on Friday, July 10, 2015 at 11:30 PM
Total Updates: 6

HTML heading tags hold the headings (or titles) for your webpage. The more important the heading, the lower the heading number.

Below you will see each of the HTML headings tags being used. Their font-size, font-weight (boldness), and padding (the spacing around the element) is their default:

<h1>The Most Important Heading</h1>

<h2>A Subheading</h2>

<h3>A Subheading of the Subheading</h3>

<h4>Another Subheading</h4>

<h5>Another Subheading</h5>
<h6>Another Subheading</h6>

Each heading tag comes with its own font-size, font-weight, and padding. If you do not like the default settings for the HTML tag you are using, you can adjust them with CSS. Do not make the mistake of using a different heading tag. The heading tag's number should be an indication of how important your heading is.

For example, if you think that the <h1> tag renders your heading to large, use CSS to make it smaller. Don't change your HTML tag to <h3> if this is the main title to your webpage. Search engines give <h1> tags higher importance.