JavaScript EditorBest javascript editor debugger     Ajax website 

Main Page

Previous Page
Next Page

Creating Section Headers

(X)HTML provides for up to six levels of headers in your Web page for separating your page into manageable chunks.

To organize your Web page with headers:

In the body section of your (X)HTML document, type <hn>, where n is a number from 1 to 6, depending on the level of header that you want to create.

Type the contents of the header.

Type </hn> where n is the same number used in step 1.

Figure 3.10. You can use headers to give your document structure, like an outline.

Figure 3.11. The most common default display for first level headers is 24 pixels, Times New Roman, in boldface.


  • Think of your headers as hierarchical dividers. Use them consistently.

  • The only official rule about headers is that the higher the level (the smaller the number), the more prominently they should be displayed. Nevertheless, the major browsers currently display them all the same: in Times New Roman, boldface, at 24, 18, 14, 12, 10 and 8 pixels (9 pixels on the Mac), respectively.

  • You can use styles to format headers with a particular font, size, or color (and more). For details, consult Chapter 10, Formatting with Styles.

  • Add a named anchor (or id) to your headers so that you can create links directly to that header (see page 106).

  • If desired, you can align the text in the header by typing align="direction" in the opening tag, where direction is left, right, center, or justify. But note that the align attribute has been deprecated in favor of style sheets (see page 165).

Previous Page
Next Page

JavaScript EditorBest javascript editor debugger     Ajax website