HTML Layout Elements

The Blockquote Tag || The Paragraph Tag || The Break Tag

The Preformatted Text Tag || The Horizontal Rule Tag

BLOCKQUOTE Tags <Blockquote>:
surround a portion of text that is desired to be indented and used in a paragraph.

Paragraph Tags :
Text can be free flowing with line breaks where YOU want them rather than when the browser decides to wrap the line as will be shown in the preformatted text section. When you want to start a new paragraph, you should end the old one with a paragraph ending tag to be compliant with later HTML versions.

In HTML Ver 2.0 the Paragraph tag is a singleton.
In HTML+ and later versions, the Paragraph tag needs to surround
the whole paragraph when "alignment" is used...

Text Break Tags  :

Text breaks   are empty elements; they DO NOT come in pairs.
With   you can force a line break where YOU want it  
rather than when the browser decides to wrap the line.
Without   Text lines break where the browser decides to wrap the line and not necessarily where you might wish the line to break.
Extra text breaks are often used for line spacing.

Preformatted Text Tags <pre>:
<pre> gives unformatted, monospaced (usually Courier) font text layouts;
it's good for quotations, poetry, tables, and especially for printable forms.
<pre> doesn't use word wrap, but DOES allow for style tags. Here's some preformatted text:

     Who knows what they'll think of next
          This poem's a drag,
          But with the <pre> tag,
     At least I avoid being vexed. (from T.Bontrager materials...)

Horizontal Rule Tags <hr />:

Horizontal Rules separate important sections of your document.
Horizontal Rules comes with their own line breaks.
Horizontal Rules are empty - DO NOT come in pairs.
Useful attributes can include SIZE (thickness), ALIGN, HEIGHT, etc.

This following "line" or "rule" is 50% of the screen width and CENTERED
<hr width="50%" align="center" />:

This "line" is a default Horizontal Rule:

Hyperlinks: Table of Contents

Questions? E-mail your Instructor - Dr. Charles Rubenstein
Tutorial Copyright (c) 1996-2006 C.P.Rubenstein