HTML.
  
6. Text Flow
6.1 Paragraph vs. Break
| Paragraph | ...
<P>
... |
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
Note that a closing </P> is optional in most browsers, and is not used here.
Here comes a <P> ...
This is the beginning of another paragraph.
Note that <P> inserts a blank line.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
| Paragraph
(with closing tag) | <P>
...
</P> |
Netscape adds a blank line after a paragraph which ends with a </P>.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
Here comes a </P> and then another <P> ...
This is the beginning of another paragraph.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
Here comes a </P>.
| | Break | ...
<BR>
... |
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
Here comes a <BR> ...
Note that <BR> does NOT insert a blank line.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
|
6.2 No Break
| Normal
| ... |
This is some text repeated three times.
This is some text repeated three times.
This is some text repeated three times.
| | No Break
| <NOBR>
...
</NOBR> |
This is some text repeated three times.
This is some text repeated three times.
This is some text repeated three times.
|
If necessary, reduce the width of your browser's window.
Notice that NOBR prevents the text from breaking (word-wrapping).
6.3 Word Break
Use the <WBR> tag to insert an optional word break
in the middle of a very long "word".
In the examples below, there are 52 letters (A through Z repeated twice).
In the first case, there are no spaces; in the second case, there is a
<WBR> word break between the first Z and second A.
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ
If the browser window is wide enough to display the entire word, it appears
without any space or break.
If the window is not wide enough, the <WBR> tag
tells the browser where it may break the word.
(You may have to reduce the
width of your browser's window to see the difference.)
This is particularly useful for citing very long URLs.
6.4 Paragraph Alignment
Paragraph
(with alignment option) | <P ALIGN=left>
... |
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
| Paragraph
(with alignment option) | <P ALIGN=right>
... |
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
| Paragraph
(with alignment option) | <P ALIGN=center>
... |
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
|
6.5 Centering
| Center | <CENTER>
...
</CENTER> |
Note that <CENTER> can center nearly anything: headings, text, tables, etc.
This is some text repeated a bunch of times.
This is some text.
Here comes a <H4> heading...
A Heading
This is some more text repeated a bunch of times.
This is some text.
This is some text repeated a bunch of times.
|
6.6 Division Alignment
Like <CENTER>, <DIVISION> may be used to align blocks of other elements.
This is the beginning of a <DIV ALIGN=left> block
This is an H4 heading
An unordered list:
This is the end of the division; here comes </DIV>
This is the beginning of a <DIV ALIGN=center> block
This is an H4 heading
An unordered list:
This is the end of the division; here comes </DIV>
This is the beginning of a <DIV ALIGN=right> block
This is an H4 heading
An unordered list:
This is the end of the division; here comes </DIV>
6.7 Block Quotes
| Block Quote | <BLOCKQUOTE>
...
</BLOCKQUOTE> |
Text should be both left- and right-indented.
Some browsers render the text in italics.
Now there is a </BLOCKQUOTE>
immediately followed by a new <BLOCKQUOTE>
and then some more text;
there is NOT a <P>.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
|
6.9 Foototes
Footnote
| <FN ID="...">
...
</FN> |
This is a normal <P> paragraph with a footnote reference
(coded as <A HREF="#fn1">footnote</A>).
In theory, when you click on the reference, the footnote appears.
Netscape 1.22 and 2.01 do not seem to support this feature.
This is a footnote paragraph
(coded as <FN ID="fn1">).
his is some more of the footnote text.
This is some more of the footnote text.
|
6.10 Banners
Banner
| <BANNER>
...
</BANNER> |
This is a banner.
Netscape 1.22 and 2.01 do not seem to support this feature.
|
6.11 Indenting Techniques
Unordered List
(with no items) | <UL>
...
</UL> |
Text should be left-indented.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
| Definition List
(with no terms) |
<DL>
<DD>Defn
</DL>
|
-
Text should be left-indented.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
| | Block Quote | <BLOCKQUOTE>
...
</BLOCKQUOTE> |
Text should be both left- and right-indented.
Some browsers render the text in italics.
This is some text repeated a bunch of times.
This is some text repeated a bunch of times.
|
| 
