HTML Heading Tutorial

Here are the six headings:

<h1>h1 heading</h1>
<h2>h2 heading</h2>
<h3>h3 heading</h3>
<h4>h4 heading</h4>
<h5>h5 heading</h5>
<h6>h6 heading</h6>

Here's how that looks on a web page:

The headings may look a little different on your computer. I use CSS to change the look of headings so I had to use an image to represent the different heading sizes, but the image will give you a pretty good idea.

Also, some fonts are just bigger than other fonts, so the font you use can change the size as well.

The search engines give more weight to the text in headings than plain text, and the bigger the heading size the more weight it gets. By using CSS to control the size of the heading, you can use bigger headings so they have more weight with the search engines, and yet they don't look awkward on the page being oversized.

Based on your interest in this tutorial you may also be interested in:

• CSS Made Easy