html 101

Now let's give our page a title that people can read.

To add headings in a larger size at the top of a page, or to add subheads to break up the text further down on a page, you use the heading tag:

Where for ? you substitute a number from 1 - 6 that appears to control the font size of the heading text.

Note: HTML tags, or elements, fall into two categories: "Block-level elements," which by default create an empty line above and below them, and "inline elements," which do not. Headings are a good example of block-level elements, which means they'll automatically get a line break above and below. The <strong> tag, in contrast, works in the middle of text without creating linebreaks above and blow. For this reason, heading levels cannot be used in the middle of a paragraph.

The largest size is h1, and the smallest size is h6. In each case, after you type the text you want, you need to add the corresponding closing heading tag.

Heading levels 1-6 as rendered by a browser, without specifying any font size at all.

So why do we say above "appears to control the font size" rather than "controls the font size?" Because we haven't actually specified a font size. Technically speaking, heading levels should be used to specify the relative importance of the heading on the page, much as you would when using heading levels to create outlines in MS Word. Without stylistic information, the Web browser will render the heading levels with its default settings, which use a hierarchy of sizes. Later, when you learn to style documents with CSS (cascading style sheets), you'll find that you have total control over the way heading levels are styled and sized.

The most important thing is this: Use heading levels to represent the relative importance of headings on a page in a hierarchical fashion. Do not think of them simply as font sizing options.