HTML Heading Tags

The HEADING tag is used to display your heading text in a larger font size – depending on the importance. The <H1> tag is the largest down to <H6>, which is the smallest.

HTML Code

HTML code viewed within an HTML document:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Browser View

HTML coding viewed through a web browser:

Heading Tags and Search Engines

Some Search Engines place relevance on text displayed within the HEADING tags, so place some of your most relevant keywords within any of the 6 <Hx> tags.

Heading Tags and CSS

You can change the size of the text within your HEADING tags with CSS. This is a great way to display text within the H1 tag at a smaller size. You can find CSS codes within the CSS Tutorial section.

Using Heading Tags within a Web Page

When using the HEADING tags, keep in mind, you don’t have to use the <H1> for your first heading. You may begin with the heading size of your choice. However, for your secondary headings, you should not use a larger heading than you began with. In other words, if you’re using <H3> for your primary heading, then your secondary headings should be <H4> or <H5> and not <H1> or <H2>.

For additional information on HTML codes, visit the HTML Tutorial section.

This concludes the HTML Heading Tags code.