(Print this page for quick reference)

AN EXPLANATION: HTML Tags are notations inserted into text which prompts a Browser program to display text in a specific way. Tags are always displayed within Greater Than (>) and Less Than (<) symbols. You begin the influence by 'Turning On' the Tag (<tag>) and end the influence by 'Turning Off' the tag (</tag>) by placing a slash (/) in front of the 'tag code'.

Example: Some <tag1>Changed</tag1> Words (only the word 'Changed' between the tags will be influenced)

Tags can be combined to create various effects. Note: It is important to 'Turn Off' tags in the reverse order in which they were 'Turned On'! In other words: The Last tag 'Turned On' will be the First tag 'Turned Off'.

Wrong: <tag1><tag2><tag3>Words</tag2></tag1><tag/3>
  Right: <tag1><tag2><tag3>Words</tag3></tag2><tag/1>

This is also acceptable: <tag1>Some <tag2>Changed <tag3>Words</tag3></tag2><tag/1>
And so is this: <tag1>And <tag2>Still <tag3>Some</tag3> More</tag2> Words</tag1>

If the resulting Text does not display as you had expected it to, you may have misplaced Tags. Check to see that they are in proper sequence or that they have been 'Turned Off' properly by using the Slash (/).

SIMPLE TAGS: Following are some simple tags you can use and the effect they well have on your text.

<font size=?>Text</font> - This Tag will alter the Size of the displayed text. Browsers can display text in 7 different sizes with a default size of '3'. You can change the size of the text by adding to or subtracting from '3'

Type: <font size=-2>to get this</font> to get this.
Type: <font size=-1>to get this</font> to get this.
Type: <font size=+0>to get this</font> to get this. (default size)
Type: <font size=+1>to get this</font> to get this.
Type: <font size=+2>to get this</font> to get this.
Type: <font size=+3>to get this</font> to get this.
Type: <font size=+4>to get this</font> to get this.

<font color="#??????">Text</font> - This Tag will alter the Color of the displayed test. Browsers can display too many colors to cover here. However, following are the codes for the 16 'Basic' colors:

<font color="#000000">Text</font> to get black. (default color)
<font color="#ffffff">Text</font> to get white.
<font color="#cccccc">Text</font> to get light grey.
<font color="#999999">Text</font> to get dark grey.
<font color="#cc0000">Text</font> to get dark red.
<font color="#ff0000">Text</font> to get light red.
<font color="#cc00cc">Text</font> to get dark violet.
<font color="#ff00ff">Text</font> to get light violet.
<font color="#0000cc">Text</font> to get dark blue.
<font color="#0000ff">Text</font> to get light blue.
<font color="#00cccc">Text</font> to get dark aqua.
<font color="#00ffff">Text</font> to get light aqua.
<font color="#00cc00">Text</font> to get dark green.
<font color="#00ff00">Text</font> to get light green.
<font color="#cccc00">Text</font> to get dark yellow.
<font color="#ffff00">Text</font> to get light yellow.

Remember!: If you 'Turn On' a Font Size PLUS a Font Color you must 'Turn Off' BOTH of them!

<br> - This Tag will begin a new line. Place it at the beginning of the new line. (Hitting ENTER means nothing to a Browser!)

<p> - This Tag will begin a new line AND leave a space between lines.

IMPORTANT: You do NOT 'Turn Off' the 'New Line' Tags!

<center>Text</center> - This will Center the Text in the middle of the available space.

<b>Text</b> - This will make the Text between the Tags display as Bold Text.

<i>Text</i> - This will make the Text between the Tags display as Italic Text.

<b><i>Text</i></b> - This will make the Text display as Bold Italic Text.

<u>Text</u> - This will Underline the text.

When used in combination with each other, the effects can be astounding (although too much can be as annoying as plain text!). Caution is advised when using HTML Tags.

Finally, a simple example showing some of the effects you can accomplish, and, below it, the same example typed in HTML with the necessary Tags included:

Mary had a little lamb

<font size=+4 color="#0000ff"><b><i>M</i></b></font><font size=+2>ary</font> had a <font size=+3><b>< font color="#00ff00">little</font> <font color="#ffffff"><i>lamb </i></font></b></font>

HTML is a very versitile language, and surprisingly simple to learn. In fact, all of these pages in this site have been created on Windows NotePad. If you wish to learn more about HTML programing, I highly recommend the simple, free tutorial from my friends at:

Professional Web Design
HTML authoring tutorials

You may now return to Deni's Postcard Shop.