Headings

Looking back at our example page's code you can see that we've put a heading into the page right after our image. <Hn> is the mark up to produce a heading. It's a block level element. A blank line will be inserted into the page after the heading. The heading tag required both an opening and closing tag. The information that is held within the tag is displayed as a size different than the font that is being used.

Here is an example of the different sizes:

<H1>Heading One</h1>

<H2>Heading Two</h2>

<H3>Heading Three</h3>

<H4>Heading Four</h4>

<H5>Heading Five</h5>

<H6>Heading Six</h6>

When your including a heading into your web page you should leave it on a seperate line. This will allow you to find the heading in your source code easily if you should ever decide to change it.

You've probally noticed that I've made the opening tag all capitals and the closing tag all lower case. HTML doesn't care what case your tags are in. As a result you should create a standard for yourself that will allow you to quickly identify a tag and how it will format the information that it effects. Many people prefer to use all caps so that their tags will stand out from the content of their page. I prefer making the opening tags caps and the closing tags lower case so that I can also see where the tag ends as well as where it begins. For me all upper case makes it harder to tell the opening tags from the beginning. Decide for yourself what works best. This is a case of webmaster's preference.

Goto the next section, and we will tell you how to format the text of your content.