previous page main page next page


And now, how to use colours...

It is possible to make your pages more attractive by the careful use of colours. You can colour the background and you can colour the text. You can also use different designs for a background, rather than a single colour, but we'll come to that later.

To keep things simple, it's possible to restrict ourselves to sixteen colours with the following names: black, white, aqua, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow. We'll see later how we can use more colours, but for the moment we'll stick with these. So if you want a tasteful purple background you can specify this inside the <BODY> tag as follows:

<BODY BGCOLOR="purple">

...and if you'd like to change the colour of the text, then try this:

<BODY BGCOLOR="purple" TEXT="teal">

Some browsers will object if you put any spaces on either side of the '=' sign, so try to avoid doing this.

  • try out your page using different colours for the background and the text

If you want to change the colour for just some of the text, rather than for the whole page, then you can do that with the <FONT> tag. Let's have a different colour for the title...

  • edit this line in your code:
<H1><FONT COLOR="fuchsia"> Alice's Menu </FONT></H1>

Remember, again, no spaces around the '=' sign.

So, there you are, no end of fun playing with these colours but we'd need to add a note of caution here. These are pretty harsh on the eye and you might find that people would prefer something a little less gaudy. Generally speaking, good page design will use carefully chosen colour combinations in a more subtle way.

To do that, though, you need to have a wider range of available colours...

previous page main page next page © 1999 ePublish Scotland