HTML - The Basics - 3

Background colour for document

In the <Body> tag include bgcolor=yellow> - So it should read <body bgcolor=yellow> There are a number of colours for which you can just put in the name. These are:-

AquaLimeSilverBlackMaroonTeal
BlueNavyWhiteYellowFuchsiaOlive
GrayPurpleGreenRed
If you want to use a colour which does not work with it's name alone. You need to find out the Hexadecimal code for the colour. If you see any colours on the web that you like to look of, take a note of their HEX code. Hex codes work as follows:
starting with the '#' then the Red, Green and Blue values (from 0-255), in hexidecimal (number system based on 16 - remember from maths in school?). This makes the colour up. To see and play with a comprehensive list of hex colours - click here.

Finally some fonts

You can specify (by naming)the font to be used for the document, or for just a small piece of text. You might want to make it stand out by changing the font.

Here's how
<font face="font name">hello</font>
So now you just need to know the names of a few fonts to use.

Click on fonts to see any piece of text you type in a variety of font faces. Type in your logo, or any other message. There are 180 fonts here - the names to use for each one is given on the right of the text you entered.

Time for some hyperlinks

The tag used to create a hyperlink is:-
<a href="Filename.html">Link name</a>

That's how easy it is. The part shown here in blue is the only part which is shown when someone views the page. The browser sets up the colour and underlining bit for you. Try some links NOW in your own documents. All you need to know is the name of the file and as long as the file to which you are linking is stored in the SAME folder it works fine.

When you are setting up links to pages on the web, you just put in the whole URL eg.

<a href="http://www.webmonkey.com>WebMonkey</a>

That's all for now! Come back soon.
Pages will be added on a regular basis.

Click here for Previous Page or here to go on to more advanced topics Next - images