HTML Site

You have reached Beginner level. Let's go on to Text and Colours. To modify the colours of your background, put the BGCOLOR tag into your body tag, such as this:

<HTML>
<HEAD>
<TITLE>Title of Website</TITLE>
</HEAD>
<BODY BGCOLOR="Colour Code">
Content
</BODY>
</HTML>

The colour code can be either a colour name, or the hexadecimal numbers. Hexadecimal is a number system that goes 0 1 2 3 4 5 6 7 8 9 A B C D E F. The first two numbers represent red and go from 00 (black) to FF (pure red). The second pair is green, and the third is blue, and they all follow the same format. When put into the BGCOLOR, they should be preceded by a # sign. For example, #FF0000 is red, while #00FFFF is cyan, a combination of blue and green. I have included a link to an online colour chart here. Now we can also change the colours of the text and links similarly.

<HTML>
<HEAD>
<TITLE>Title of Website</TITLE>
</HEAD>
<BODY TEXT="Colour Code" LINK="Colour Code">
Content
</BODY>
</HTML>

Now you can set up a Visited Link colour, VLINK. Also Active Link colour (ALINK), the colour of link while it's being clicked on.

<HTML>
<HEAD>
<TITLE>Title of Website</TITLE>
</HEAD>
<BODY VLINK="Colour Code" ALINK="Colour Code">
Content
</BODY>
</HTML>

The final tag in the BODY tag is the BACKGROUND tag. In this quotes, this time, you put the name of an image, preferably .GIF or .JPG, for example:

<HTML>
<HEAD>
<TITLE>Title of Website</TITLE>
</HEAD>
<BODY BACKGROUND="filename.gif">
Content
</BODY>
</HTML>

Now that the body tag has been covered, we can format the content. In the next few pages, the formatting applied INSIDE the BODY tag is discussed.

Intermediate Links:

Links
Text Formatting
Images
Ordered and Unordered Lists