Producing Your Own Web Page - Part 2

This page is produced using feature explained in this document and Part 1
If you have followed the instructions in Part 1 you should now have produced a basic web page, text only, kind of dull and no links to other pages.

In this part we will explore how to add color, links to other pages and more.

If you have not uploaded your web page to the Callig server then you can get help from Jim Martin

Note Jim Martin has set up a webpage template which you can use without the need to refer to these help pages. These pages explain most of the coding used by Jim as well as expand on the basic template. The information here is good for any Web Page and probably any server.

Adding Color

Background color

If you came here from page 1 (and have a graphics browser) you may have noticed the background color of this page has changed to white. Page 1 has no background color set and so takes on the default color used by your browser, this is typically a mid gray.

To specify the background color to white change the <BODY> tag to <BODY BGCOLOR="FFFFFF">

BGCOLOR is an instruction to your browser to use the color specified as FFFFFF (the code for white), you can specify any color you want using this six digit code. Other colors and an explanation of the code can be found here.

Text Color

As well as specifying the background color you can also specify the text color of your web page. The default color is generally set to black, in most browsers the viewer can set the default colors. Typically the factory set text color is black, designated as 000000. To specify the text color add the following to the BODY tag TEXT="XXXXXX" where you substitute the actual color code for the XXXXXX

Link Color

Links to other web pages (or resources) are generally underlined and shown in a different color, there does not appear to be a standard default, though most browsers seem to use blue. To specify blue add LINK="XXXXXX" to the BODY tag

Visited Link Color

Some browsers change the color of a link once it has been visited, this helps you keep track of where you have been. Add VLINK="XXXXXX" to the BODY tag. Not all browsers support this feature.

Be careful specifying colors, see these notes.

A BODY tag which specifies all four attributes would look like this

<BODY BGCOLOR="XXXXXX" TEXT="XXXXXX" LINK="XXXXXX" VLINK="XXXXXX">

where the actual codes replace the XXXXXX shown.

Aligning Headings

by default headings align to the left.

You can use this tag to align your heading in the center

Heading Text

or to the right

Heading Text

Not all browsers support this yet so it may not work on your screen.

Links to Other Web Pages

You can include links to other web pages on your web page using the following example

Mike's home page

Note the first section, between the first pair of < > brackets is the address and is case sensitive. Mike.html is NOT the same as mike.html, it does not matter in the second part, the caption section. Since you don't see the HTML tags or the address, this is what you will see on your browser Mike's Home Page

Adding an E-Mail Address

You can add an e-mail address using the following

youremailaddress

It will appear like this youremailaddress

Next, Adding Images. Text only browser. Graphics browser

For further help, clarification, comment or correctionse-mail Mike