This is where the title of the page goes.

This is where the body statement starts, the above information is about what will be the background, text colors, and hyper link colors (this is explained later in the tutorial). Please continue.

This is a size 1 header

This is a size 2 header

This is a size 3 header

This is a size 4 header

This is a size 5 header

(headers only go to size 5)

This is paragraph #1.

This is paragraph #2.

This is paragraph #3.

This will be a horizontal line (hr) across the entire page. There's no off switch for (hr)'s and you can use as may as you like:

Listing (hr) commands in succession like this will create four lines in a row.

This is where the "ordered list" starts

this is the first "list item" and it's numbered 1
this the second "list item" and it's numbered 2 etc.
And this is the third. Remember that (li)'s don't need a (/li)

But remember to put a (/ol) at the end of the list though!! Otherwise everything will be in an ordered list format!!:)

This is the beginning of an "unordered list".

list item one
list item two
list item three, and so on... same rules as for the ordered list except "1." wouldn't appear before the item; just a dot before each list item.

Again, don't forget the (/ul).

This is how you center a paragraph.

Or you can center like this.

Or you can center text like this.

Here is an example of a hyper link command: (a href="http:..")hyper-link (/a), the words "hyper-link" would be highlighted on your home page. Here's an actual hyper-link: This is a hyper link to another internet home page. Notice this text is a different color and is underlined.

This is an example of bold text, this is the command: (b)
Here is the command for creating an image: (img src="maile4tran.GIF"). The image file name goes between the quotation marks. This is an example of images:

A break (br) command acts as a return key to create space between text.

Color Codes and Backgrounds

Here's an example of the commands and codes for setting the text colors and backgrounds:

(BODY background="lbrownbk.gif" TEXT="green" LINK="teal" VLINK="#FF7733" ALINK="#170200")

With reference to the above, the command "body background=" identifies that a background image will be used. The name inside the quotation marks specifies the background image file to be accessed.
The command "TEXT" in the above example identifies the color of the text used on your home page. A color is either specified by a special number code or by the name of the color (only some colors can be specified by name).
"LINK" identifies the color of the hyper-link. "VLINK" identifies the hyper-link that has already been visited. And "ALINK" identifies the color of the hyper-link when you are presently clicking on a hyper-link.

A more complete list of commands

This is another hyper-link and if you click on it, it will take you to a list of commands and codes. At the end of the document, don't forget to end the html script with (/html)

Return to WS382 Class Page
Return to Project Home Page

This page was constructed by Leslie Bronson.