Text Basics - Chapter 4

This is a normal paragraph with this part of the line being typed on mutiple lines, and indented with the TAB key. Notice that this paragraph appears on a single line in the browser.

		This is a normal paragraph
		with this part of the line being typed
		on mutiple lines, and indented with the TAB key.
		Notice that this sentence appears on mutliple lines
		and is indented by the browser - courtesy of the
		PRE (pre-formatted text) tag.

This is a DIVISION section

in combintation with the PRE tag to simulate the proprietary
"nowrap" attribute mentioned on pg. 61. Note that I could 
not indent these sentences, lest I lose the CENTER attribute
of the DIV tag.

Also, note that with the DIV tag, blank lines are inserted before
and after the DIV start and end tags!

The <p> (parapgraph) tag allows you to set off paragraphs within the HTML document.

Here's another paragraph.

And yet another. Note the blank lines preceding each paragraph.

You may also align paragraphs using the ALIGN attribute. This paragraph is centered.

Whereas, this paragraph is right-aligned.

Here are some HEADINGS

By default, headings are LEFT aligned

But you can change that with the ALIGN attribute

Remember that there are 6 headings: < H1 > through < H6 >.
With < H1 > providing the largeest text and < H6 > the smallest

You can use the headings TAGs anywhere and in any combination that you choose. Mixing

small

and

large

headings as needed.

Content-based tags

These tags provide the browser with information as to what kind of text is being displayed:

The <ABBR> tag could be used to specify abbreviations
The <ACRONYM;> tag would be used for acronyms
The <CITE> tag is used for citations of some kind
The <CODE> tag is used to display text with a fixed width font
The <DFN> tag is used for definitons or phrases
The <EM> tag is used for emphasis
The <KBD> tag is used for indicate text typed on a keyboard
The <VAR> tag indicates variable substitution

BlockQuote tag:

The <blockquote>...</blockquote> tag is discussed on page 109 and is used to auto-indent a quote that runs over several lines. You must add <br> tags to place text on seperate lines, though, within the block quote. The tag adds a preceding a succeeding blank line to the text. Here is a sample:

OK, here is a blockquote. Line 1.
Line 2.
Line 3.

NoBreak tag:

The <nobr>...</nobr> tag is discussed on page 100 or so and is used to force a long line (like a URL) on to the same line, forcing the user to scroll horizontally to see the text. By default, browsers wrap lines. With the <nobr> tag, the line extends forever on one line. Here is a sample:

1       2          3             4           5          6           7         8       9      10        11       12       13      14     15     16        17        18         19        20

Please note that I used the <pre> tag to ensure that the browser did not remove multiple blanks between the numbers 1..20.

Center tag:

The <center>..</center> tag allows you to center blocks of text enclosed between the tags. For example:

This text is centered.

This header is centered

Font tag:

The <font>...</font> tag allows you to control which font is to be used as well as the color of the characters. For example, the following text is red and blue:

RED and BLUE

Address tag:

The <address>...</address> tag is discussed on page 113 and is used to make (email, street, web, etc) addresses stand out in a web page. It is often used with the <a>..</a> anchor tags and the mailto: URL type for email addresses:

Send mail to Greg

So, by clicking above you could send me email (if the school had an email server that we can use, that is).