Headings:

Bob fell over the chicken. [H1]

Bob fell over the chicken. [H2]

Bob fell over the chicken. [H3]

Bob fell over the chicken. [H4]

Bob fell over the chicken. [H5]

Bob fell over the chicken. [H6]

Horizontal Ruled Lines:

Text Formatting:

bold
italics
underlined
typewriter

Font Size -2
Font Size -1
Font Size 0
Font Size 1
Font Size 2

Alignment:

Left Align

Center Align

Right Align

Alignment with DIV tags:

Left

Center

Right

Center Tag
Example of the PRE tag:

The cat ran after the dog.
    ^   ^-verb        ^noun
    ^-noun

Links:

HTML Tutorial
My Email

Images:


<img src="image.ext" width=x height=x border=x alt="x">
Name Of File--^    pixels--^ pixels-^ border-^ text-^
                     wide       deep      size  description

Straight Image Insertion:
Fox Pic

Height & Width modified:
Fox Pic

No border:
Fox Pic

Aligining Images with Text:

Image without any alignment:

Here is an image
Isn't it cool?

Text start at the top next to the image using ALIGN

Here is an image
Isn't it cool?

Horizontal line (or text) below the image:

This is a big image.

Background Tags:

BACKGROUND="location_of_image" - Background image. e.g.: <body background="kitten.jpg">

BGCOLOR="#hexadecimal_here" - Hexadecimal Color Code for Background Color e.g.: <body BGCOLOR=#FFFFFF>

LINK="#hexadecimal_here" - Hexadecimal Color Code for Links (if left blank default to blue.) e.g.: <body LINK=#FFFFFF>

VLINK="#hexadecimal_here" - Hexadecimal Color Code for Visited Links (if left blank default to purple.) e.g.: <body VLINK=#FFFFFF>

TEXT="#hexadecimal_here" - Hexadecimal Color Code for Text Color e.g.: <body TEXT=#FFFFFF>

The 216 'web safe' (hexadecimal) colors.

RGB Hexadecimal Color Chart

NB: FFFFFF is the hexadecimal code for white.

Special Characters:

For the < type <
For the > type >
For the © type ©
For the & type &
For the " type "

Stylistic Code Comments:

Use quotes around values in attributes...
For example, if you want a horizontal rule that is half of the screen width, type <hr width="50%"> rather than <hr width=50%>,
or if you want one that is size 5 type <hr size="5"> rather than <hr size=5>.

Don't overlap tags...
Overlapping occurs when Tag A starts, Tag B starts, Tag A closes, then Tag B closes. This will cause errors in sensitive browsers. For Example, it will not render correctly in Navigator 4.0 Beta1, Netscape purposefully built into the browser so developers could catch errors. Examples:

Wrong Way (Overlaps):
This is Bold and One Font Size Bigger
Right Way (Doesn't Overlap):
This is Bold and One Font Size Bigger
Wrong Way (Overlaps):
<a href="here.html">This link is italicized</a>
Right Way (Doesn't Overlap):
<a href="here.html">This link is italicized</a>

The Comment Tag:

You start commented text with .

Lists:

Unordered List:

Item One

Item Two

Item Three

Item Four

Item Five

Etc.

Ordered List:

Item One
Item Two
Item Three
Item Four
Item Five
Etc.

Definition List:

Term One

Definition of term one.

Term Two

Definition of term two.

Term Three

Definition of term three.

Extended Fonts:

Where supported...
Verdana
Arial
Helvetica Impact
Comic Sans MS

Text Color and Fonts:

Examples: Hey I'm blue!
Hey I'm green and in Impact Font!
Hey I'm red!
RGB Hexadecimal Color Chart

Anchor Tags:

To name the part of the document: <a name="name_of_area">text</a>
To call a link to that place from somewhere else in the document: <a href="#name_of_area">text</a>

Tables:

Example of a Table...

What are tables used for?
Tables are used to make data easier to interpret or to just give your document more impact.

<table border=4>
<tr>
<th>What are tables used for?</th>
</tr>
<tr>
<td>Tables are used to make data easier to interpret or to just
give your document more impact.</td>
</tr>
</table>

Example of tables with borders...

This table has a border of 0.

<table border=0>
<tr>
<td>This table has a

border of 0.</td>
</tr>
</table>

This table has a border of 3.

<table border=3>
<tr>
<td>This table has a
border of 3.</td>
</tr>
</table>

Example of a table with multiple rows and columns...

Heading A	Heading B	Heading C
Cell A	Cell B	Cell C
Cell D	Cell E	Cell F

<table border=2>
<tr>
<th>Heading A</th><th>Heading B</th><th>Heading C</th>
</tr>
<tr>
<td>Cell A</td><td>Cell B</td><td>Cell C</td>
</tr>
<tr>
<td>Cell D</td><td>Cell E</td><td>Cell F</td>
</tr>
</table>

But what if you want your table to look like the following?

Heading A	Heading B	Heading C
Cell A & D	Cell B	Cell C
Cell A & D	Cell E	Cell F

<table border=2>
<tr>
<th>Heading A</th><th>Heading B</th><th>Heading C</th>
</tr>
<tr>
<td rowspan=2>Cell A & D</td><td>Cell B</td><td>Cell C</td>
</tr>
<tr>
<td>Cell E</td><td>Cell F</td>
</tr>
</table>

Example of ALIGN attributes within a table...

Left Alignment

Center Alignment

Right Alignment

<table border=1 width=100%>
<tr>
<td align=left>Left Alignment</td>
<td align=center>Center Alignment</td>
<td align=right>Right Alignment</td>
</tr>
</table>

Sounds:

<embed src="filename.ext" width=x height=x autoplay=x hidden=x loop=x volume=x></embed>
If you want the file to automatically play when the web page is loaded, set autoplay=true,
if you do not want the file to automatically start, set autoplay=false.
If you want the control box to be hidden, use the hidden=true attribute.
Normally the file will stop playing after it is completed the first time.
If you want it to start over once it is done use the attribute loop=true.
You can set the volume setting with the volume attribute, a value from 1 to 100 (default is 50).
The control box size that plays the sound can vary from browser to browser.
Some versions of Netscape won't show the box at all unless you specify. (145 and 60 are usually good)

Example of the embed tag...

<embed src="davesite.wav" loop=true autoplay=false width=145 height=60></embed>

NOTE: Because this embed tag was not set to autoplay=true, you will need to click the play button to play the sound file.

You may use multiple embed tags within one page, but it is recommended to never set more than one on autoplay. It is also not recommended to use .wav or .au files in the embed tag, because they are very large and take a few minutes to download. (.mp3 also falls into the category of "too large to use".)