HOME ServicesI FAQ Company Info Client Care Policy
  Date  
151348-07-08 00:00:00

  HTML Tutorial  
 HEAD Elements
 Comments
 Headings
 Fonts
 Lists
 Text Flow
 Tables
 Horizontal Rules
 Form Elements
 Colors
 Images
 Character Entities
 CCS Scrollbar Colors

  Company Info  
  General Information
  Contact Us
  FAQ
  Policy
  HTML Tutorial
  cPanel Language File


  Directory Links  
Directory Free linking

  Portfolio  
Gioielli / DEVIANTSILVER / Argento Silver Jewelry
.: Deviant Silver :.

  Contacts  
Sales Tel.:
+39 071 2917323
Support Tel.:
+39 071 2864306
Fax:
+39 071 2901232
E-mail Sales:

E-mail Support:

E-mail DNS:

  Payments  


  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>
repeated three times. repeated three times.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

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ

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...</H4>

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 Footnotes
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.

  Sponsor  

  Powered by  
Frontpage, PHP, mod_ssl, mod_gzip, RedHat, MySQL

  Partners  

Melbourne IT partner

Thawte Official ISP Partner
Home | Services | Reseller Program | FAQ | Company Info | Support | Policy TOS AUP | Site Map | HTML Tutorials