FTLS.org 
Francais     English
 
 
Home
 
 Linux
Links
 
 Tutorial
HTML
 
 Archives
Java
Perl Tools
Scripts CGI
Scripts PHP
 
 Calculators
HP 48
TI 92
 
 Free
E-Mail
Games
Jobs
Jokes
Mini Messages
Web
 
 Search
The Liste...
Selection
DirectAccess
 
 Powered by
linux
 

Tutorial


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:
    • One
    • Two
    • Three, etc.
    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:
    • One
    • Two
    • Three, etc.
    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:
    • One
    • Two
    • Three, etc.
    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.8 Notes

    Note
    <NOTE>
    ...
    </NOTE>
    This is some text repeated a bunch of times. Netscape 1.22 and 2.01 do not seem to support this feature. 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.
    Note
    (with option)
    <NOTE ROLE=tip>
    ...
    </NOTE>
    This is some text repeated a bunch of times. Netscape 1.22 and 2.01 do not seem to support this feature. 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.
    Note
    (with option)
    <NOTE ROLE=warning>
    ...
    </NOTE>
    This is some text repeated a bunch of times. Netscape 1.22 and 2.01 do not seem to support this feature. 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.



 
© Copyright 2000 FTLS (Tyndiuk Frédéric). All rights reserved.
Last Update 08/03/2000 - Send all comments to webmaster@ftls.org