Html Tutorials - Text Flow - REM Graphics Web Hosting Provider

Date

155622-11-09 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

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