HTML Heading Tags


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 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.



Visit the following pages for a wealth of copy and paste codes and tips:

Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

Special text characters and code for your web page.