When building your web page, you may want to experiment with different fonts, colours or backgrounds, aswell as using italics, bold and underline. We do this with the following codes:

• <I> and </I>...opening and closing tags for italicised text.
• <B> and </B>...opening and closing tags for bolded text.
• <U> and </U>...opening and closing tags for underlined text.
• <FONT SIZE="1-7> and </FONT>...opening and closing tags for changing font size.
• <FONT COLOR="put the hex code or colour here > and </FONT>...opening and closing tags for changing the font colour. PLEASE NOTE: The spelling of "colour" is the US spelling (COLOR).
• <FONT FACE="put the font you want here"> and </FONT>...opening and closing tags for changing the font face.

I haven't included the "background" tag just yet, as this has to be used within the body statement Please see further down this page for more information on this tag, along with other body statement attributes.

Ok, so to take some examples above, let's do a piece of text with italicised text:

This text is italicised

All I did was code:
<I>This text is italicised.</I>

This example will work with all of the attributes above, just remember to type the tags in the order they occur. For example, let's add the "bold" tag to the sentence above.
<I><B>This text is italicised and bold</B></I>

and here's the text in use:
This text is italicised and bold

Notice that I started with <I> and ended with the closing tag, </I>. In between I did the same for the bold tag. You must type your codes like this to avoid browser confusion. For example you wouldn't type:
<I><B>This text is italicised and bold.</I></B>
as the code has not been typed in order.

Ok, let's add underline to the sentence:
<I><B><U>This text is now italicised, bold and underlined.</U></B></I>
and the sentence in use would look like:
this text is now italicised, bold and underlined.

You may also want to change the colour and size of various text on your web page, we do this (as shown at the top of the page) with:

• <FONT SIZE="1-7> and </FONT>...opening and closing tags for changing font size.
• <FONT FACE="put the name of the font you want to use here"> and </FONT>...opening and closing tags for changing font face.
• <FONT COLOR="put the hex code or colour here > and </FONT>...opening and closing tags for changing the font colour. PLEASE NOTE: The spelling of "colour" is the US spelling (COLOR).

Ok, so you want to change the size of the text in a particular section of your page, we would do this with the following example:
<FONT SIZE="5">All of this text will change to a larger font size.</FONT>

and here's the sentence in use:
All of this text will change to a larger font size.

PLEASE NOTE: You can substitute the number "5" for any number between 1 and 7.

To change the colour of text, you would use the following:
<FONT COLOR="#00FFFF">This text will now change to turquoise.</FONT>

and the code above in use would look like:
This text is now turquoise.

PLEASE NOTE: The colour code used above is from the "hexidecimal code list", which is freely available on the web. This specifies the amount of red, green and blue values used to create the colour. It is now however, possible to use the actual colour, e.g, red, green and blue instead of the hex codes. Also, as previously stated, the spelling of "color" is the US spelling and not the British spelling (colour).



If we want to change the face of the font within a particular section of a page, we would type:
<FONT FACE="put the name of the font you want here">This text has now changed to Garamond, serif.</FONT>

and this sentence in use:
This text has now changed to Garamond, serif

One more example of changing the font and the size is:
<FONT FACE="Garamond, serif" SIZE="5" COLOR="BLUE">This text is now larger, blue and in a different font.</FONT>

and this sentence in use is:
This text is now larger, blue and in a different font.

You can use whatever font you want, have a try and see what effect you like!

If you want to change the background of your web page or the colours of, perhaps links, visited links and the whole text...well you can do this within the "body" tag. At the moment, you might only have, <BODY>, but we can expand this tag to include more specific information rather than the default. In the example below, I'm changing the colour of the text, all of the links and the background. Se below:

<BODY TEXT="#FFFFFF" BGCOLOR="#000000" LINK="#9690CC">

This would make the background of your page black, the text white and the links a silvery colour. By default, browsers display pages with a white background with black text. The numbers are the "hex" codes and these represent the RGB (red, green and blue) values. This colour chart is readily available off the net. It is however, possible to now type the actual colour, for example, red, green, blue. One thing to note when changing these, is to always preview your changes, as, for example, red text on a black background would be difficult to read.

Another example of these colour changes, with "active and visited links" is:

<BODY TEXT="BLUE" BGCOLOR="YELLOW" LINK="GREEN" VLINK="RED" ALINK="ORANGE">

An active link is where you see the link change colour as it's activated and along with other links it's possible to change the colour. So, this code speaks for itself, just have an experiment and get the look you want. One added note is that if you want to change the background colour to an image, you can do this simply by typing the URL or path of the image within the quotes after the bgcolor attribute...e.g, BGCOLOR="URL or file path". Have fun!