Divisions

You may have noticed that between sections of some Web pages, there are lines. These lines are called Horizontal Rules, and serve as logical "change of topic" markers. They are marked by using the HR element. HR is an empty element, like BR, so there is no ending tag, i.e. </HR>. The element HR can take four attributes:

ALIGN, which have a value of LEFT, CENTER or RIGHT. CENTER is the default.
NOSHADE, with no value (i.e. <HR NOSHADE>), makes the rule a solid color, as opposed to the normal "grooved" look.
SIZE, with an integer value, which defines how high the rule is in pixels.
WIDTH, which describes the width of the rule either as a percentage of the screen width (recommended) or as an integer of pixels. A percentage is recommended because an HTML author cannot know how wide a reader's window is.

Examples:

<HR>

<HR WIDTH="50%" NOSHADE SIZE="10" ALIGN="LEFT">

Each is rendered as:

Divisions

Divisions can be used to apply certain layout properties to blocks of text. The DIV element can take the attribute ALIGN, with the values of LEFT, CENTER or RIGHT. Here's an example:

<DIV ALIGN="CENTER">

<P>This is some text in a paragraph.</P>

<H3>Chihuahuas</H3>

</DIV>

This is rendered as:

This is some text in a paragraph.

Chihuahuas

Using this element, you can align many elements at the same time, instead of typing in ALIGN="LEFT|CENTER|RIGHT" for each one separately.

Previous: Lists
Next: Blockquotes