|
NB
I am English and spell the word as colour.
If you are American, read this as color.
Colours
are entered in hexadecimal when programming in
HTML. This can be difficult - however, a very
useful free application is available to find the
hex for a colour, called HTCL. It is in the Reviews area. Here are some colours
for reference:
| black - 000000 |
white -
FFFFFF |
green -
008000 |
maroon - 800000 |
| olive -
808000 |
navy - 000080 |
purple
- 800080 |
gray -
808080 |
| yellow
- FFFF00 |
lime -
00FF00 |
aqua -
00FFFF |
fuschia
- FF00FF |
| silver
- C0C0C0 |
red -
FF0000 |
blue - 0000FF |
teal -
008080 |
Don't forget when
you add these colours to a page that all
colours must be preceded with a hash, or number, sign (#).
Without the hash, the colours will not
display. For example, red is #FF0000 when used on a web page.
So, we have the colours. To change
the text colour we add the tag,
<font color="hex">
to the body. To close the colour tag, use </font>.
Please note if you are English (like me) you must
spell colour as color. So now you can make text
like this:
Welcome
to mirrormere.com!
The code to
create that example would be:
<font color="#FF0000">Welcome</font>
<font color="#008000">to</font>
<font color="#0000FF">mirrormere.com</font>
<font
color="#008080">!</font>
So,
that's text colours sorted out. However, you can
also set colours for other things, such as the
background and links.
Link and background colours are defined in the <body>
tag. The defaults are a blue for non-visited
links, purple for visited links and red for
active links - links the user has just clicked
on. You can change these though. Use:
link="hex" vlink="hex"
alink="hex" bgcolor="hex"
which define a non-visited link, a visited link,
an active link (which the viewer has just clicked on) and
the background colour respectively. Just change the
hex and slot them into the <body>
tag like this:
<body link="hex"
vlink="hex" alink="hex" bgcolor="hex">
So, to make a page with a yellow (#FFFF00) background, maroon (#800000) links,
green (#008000) visited links and navy (#000080) active links, use:
<body link="#800000"
vlink="#008000" alink="#800000" bgcolor="#FFFF00">
What would this look like?
You
can use these options so that links fit your
colour scheme. Make sure they're all readable against their backgrounds.
|
, at 800x600 or higher.