Task 6 – Coloured Text

Those hexadecimal colour numbers you used in task 7 can also be used to change the colour of text. More importantly, you can change the colour of text as often as you like. To do this you’ll use a new HTML tag. To follow the steps below, use a word or phrase in your own page.

Step 1. The HTML tag for changing the text colour is the <FONT> tag. Here’s the tag when it sets the colour of a phrase to red;

This is a <FONT COLOR=”AF0000″>red word. </FONT> Back to black.

And this is how it looks;

This is a red word. Back to black.

Notice that the FONT COLOR command MUST be terminated with a /FONT command. If you forget the </FONT> tag then the rest of your text will be coloured!

Step 2. You can use the same hexadecimal colour codes to experiment with setting the text colour. Here they are again…

BGCOLOR=”#000000
BGCOLOR=”#0000DD
BGCOLOR=”#0099FF
BGCOLOR=”#33CC33
BGCOLOR=”#99FF66
BGCOLOR=”#DD0000
BGCOLOR=”#FF3366
BGCOLOR=”#FFFF00
BGCOLOR=”#FFFF66
BGCOLOR=”#000000
BGCOLOR=”#663300
BGCOLOR=”#990099
BGCOLOR=”#FF0024
BGCOLOR=”#555555
BGCOLOR=”#777777
BGCOLOR=”#FFFFFF (white)

Step 3. Now go wild! try setting both background AND font colours!
(Perhaps we should have provided some sick bags, like the airlines!?!