Changing the 'FONT STYLE'

This can be done by including FACE= in the <FONT> tag. (The only thing you need to be careful about with changing the font 'style' is that, in order for the effect to appear on your viewers screen, they must also have that particular font installed on their computer).

First you must know the style of the font that you wish to display, and then include it into the tag.
The Tag Source will look like this:

<FONT FACE="fontname">Your text here</FONT>

Example (using the 'comic sans ms' font):

back to top

Changing the 'FONT SIZE'

Want to make your text BIGGER? Hey, why not make it different size!
This can be done by adding SIZE= to the <FONT> tag.

The size can range from 1 (the smallest) to 7 (the largest).

The tag source would look like this:

<FONT SIZE=number>TEXT</FONT>

Example (using 1 and 7):

back to top

Changing the 'Font Colour'

(note: Where I come from we spell it 'colour' but I am starting to confuse myself so remember, if you see it spelt different ways throughout this site, the tag labels will always be spelt 'COLOR')

Jazz up the boring 'black' text with a new colour. This is particularly useful for if you are trying to emphasize text.
This can be done by adding COLOR= to the <FONT> tag.

The tag source would look like this:

<FONT COLOR=#hexadecimal number>TEXT</FONT>

You can sometimes get away with 'naming' a particular color (eg: 'red') but I would suggest you use the hexadecimal number code instead. This must also include the # sign before the number.
If you visit the COLOUR section, you can use the 'HEX Converter' that will convert a colour for you (must have a Java enabled browser), or you can visit some of the links provided.

Example (using green - '#008000'):

back to top

Putting them all together

Now that you know how to change the FONT style, size and colour - why not see what they look like all put together.
Remember that you don't have to create a new <FONT> tag separately for the style, colour and size. All you need to do is put them within the same <FONT> tag.

Let's try it!

Let's have the words 'Create a Webpage', and make them big, say size 7, 'purple' and 'courier' style.
(note: if you don't have the font 'courier' installed in your computer then you will see this in the default font - but the colour looks pretty doesn't it?) :)

The source:

<FONT FACE="courier" SIZE=7 COLOR="#800080">Create a Webpage</FONT>

Will look like:

(note: I have also centered it with the <CENTER> and </CENTER> tags)

back to top

This is also a great way to change the size of your text.

The <Hnumber>...</Hsame number> Header tags are usually used for titles.
You can have the Header tag from 1 (largest) - 6 (smallest) (7 just makes it the same size as normal text).

Below I have used the Header tags with the numbers 1-6 to give you an idea of what they will look like.

The source would be:

<Hnumber>.....your text here...</Hsame number>
eg: <H1>TEXT</H1>

These are Titles with the Header tags from 1 - 6:

You can also add the ALIGN attribute to the Header tag and this will align in the direction you want it:

EXAMPLE:

<H2 ALIGN="right">TEXT</H2>

LOOKS LIKE:

TEXT