Text Tags

Use basic logical text tags.


Just like in any word processing program, there are many ways to control the look of text on the Web. The first and most basic way of changing the look of your page is to use basic text formating tags.

Formating text is very simple in HTML.

Pick a word or set of words to make bold, do the following:

<B>Bold Word</B>

In your browser it should look like this: Bold Word

Italic and underline work the same way. Can you guess what codes to use?
You can underline a word this way:

Underlined Word

Why would you want avoid underlining words most of the time?

You should now have a basic page saved on your harddrive. Open that page and experiment with adding bold, italics and underlining.

Traditional Text Settings using Logical Syles

The first and most common tags for text were originally for headings:

<H1>Heading 1 for big headings</H1>

<H2>Heading 2 for secondary headings</H2>

<H6>Heading 6 for pretty small headings</H6>
For example...

This is H1

This is H2

This is H6
There are also a number of tags that were designed to indicate meaning,
although the way these tags are implemented varies between browsers:

<STRONG>Strong</STRONG>
<EM>EM for Emphasis</EM>
<EM>TT for Typed Text</EM>
<EM>CITE for Citation</EM>

<EM>Blockquote for Indented Paragraph</EM>


This approach to formatting text also provides various techniques for dressing up text.
The most notorious is the "blink" command.

<BLINK>blinking</BLINK> It's distracting!!!

Experiment with blinking text.

Experiment with each of these with text in your Web Journey file.
Also be sure to remember that you can view the source of this page for examples.

See Text Formatting Castro p. 45 (alt. pp. 43-56)


Lesley ECOMP 6009   © 1999 Mary Hopper mehopper@world.comUpdated 12/01/99