Dividers

These are some of the tags that help you divide the content of your HTML document.

 

  • Paragraph <P></P>:

    This tag creates a new paragraph. The closing tag is not necessary unless you specify other properties inside like alignment (left, center, right). In most cases, though, you won't need to use the closing tag.

    HTML ignores your regular word processing spaces. If you don't specify a new paragraph with this tag, the result will be a continuous block of text. See how in the second example the paragraph created by a keystroke (Enter/Return) is disregarded in the HTML result:
The code:

First line of first paragraph.
<P>
First line of second paragraph.
</P>

 ghost.gif (43 bytes) The result:

First line of first paragraph.

First line of second paragraph.

       

ghost.gif (43 bytes)    
The code:

First line of first paragraph.


First line of second paragraph.

   The result:

First line of first paragraph. First line of second paragraph.

 

  • Line Break <BR>:

    This tag forces a new line in your text. It doesn't use a closing pair.
The code:

This is you writing some text,and forcing a new line right here:<BR>
This is the new line.                       

ghost.gif (43 bytes) The result:

This is you writing some text, and forcing a new line right here:
This is the new line.

 

  • Horizontal Rule <HR>:

    This tag creates a horizontal line in your HTML document. This is an example of a horizontal rule:


    These are the most common properties of     <HR>:

  • SIZE: indicates in pixels the thickness of the <HR>.
  • WIDTH: the horizontal length of the <HR>. It can be indicated in pixels or in a percentage. Consider that horizontal rules are limited to the space in which they are displayed. Thus, if you place a horizontal rule in a cell of a table, its total width will be constrained by the width of the cell itself. For more information on tables, select this link: HTML Resources.
  • NOSHADE: the <HR> looks like a solid line, without its three-dimensional appearance, which is the default property.
  • ALIGN: how the <HR> aligns to the window in which is displayed. The options are: left, center, right.

Here are some examples of <HR> with different properties:

The code for a shaded <HR> :

<HR>

The code for a non-shaded <HR> :

<HR NOSHADE>

The code for a centered <HR> :

<HR ALIGN="center">

The code for a non-shaded, thicker <HR>:

<HR NOSHADE SIZE="10">

The code for a shorter <HR>:

<HR NOSHADE WIDTH="8O%">

 ghost.gif (43 bytes) The result:

The result:

The result:

The result:

The result: