font color

In our first web page from lesson 1, we had the following line:

Quite self explainitory really <font color="red"> and </font> will make any text inbetween those tags red. This is where it becomes really important not to forget the closing </font> and/or the "/" in the closing tag otherwise everything after <font color="red"> on your page will be written in red. Incidently, red or not, this is refered to as the colour "bleeding" through the rest of your website. Close the wound to stop it bleeding.

Of course red isn't the only colour available, infact there are about 216 web safe colours to choose from and couple of different ways to use them. We could try:

Click here to see the results.

Using the name of the color magenta is the lazy way of doing things though and it's also somewhat limited.

The most common way to control colours (and yes even though <font></font> is being outdated, colours will still be relevant) is the use of hex numbers that look something like #FF00FF. Each color and shade of colour has it's own hex value. Lets try:

Click here to see the results.

Now to look at font size, click here to continue.

Lesson updated Tuesday 5th August 2008