HTML defines six levels of heading. A Heading element implies all the font changes, paragraph breaks before and after, and white space necessary to render the heading.

The highest level of headings is <H1>, followed by <H2> ... <H6>.

Example of use:

<H1>This is a first level heading heading</H1>
Here is some normal paragraph text
<H2>This is a second level heading</H2>
Here is some more normal paragraph text.

The rendering of headings is determined by the HTML user agent, but typical renderings are:

For example :

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Although heading levels can be skipped (for example, from H1 to H3), this practice is not recommended as skipping heading levels may produce unpredictable results when generating other representations from HTML. For example, much talked about automatic contents/index generation scripts could use heading settings to generate contents 'trees' where <H2> would be considered to label the start of a section that is a sub-section of a section denoted by a <H1> element and so on.

Included in the HTML 3.2 specification is the ability to align Headings.

Basically, the ALIGN=left|center|right attribute has been added to the <H1> through to <H6> elements. e.g :

<H1 ALIGN=center>This is a centred heading</H1>

would align a heading of style 1 in the centre of the page.

<Hx> can also take the CLASS, ID and STYLE attributes to allow style sheet definitions to be applied to it. For more details of these attributes, see the Style Sheets topic.


<FONT> Block Formatting Elements Overview <HR>