Fonts

The <font> tag is used to add style, size, and color to the text on your site. Use the size, color, and face attributes to customize your fonts. Use a <basefont> tag to set all of your text to the same size, face, and color.

Font colour

(see the bottom of the page for hex colours)
here is the code:

<font color="#FFFFFF">This text is hexcolor #FFFFFF</font>

this is how it looks:

This text is hexcolor #FFFFFF

font size

Set the size of your font with size. The range of accepted values is from 1(smallest) to 7(largest).
The default size of a font is 3.

here is the code:

<font size="7">Here is a size 7 font</font>

and here is how it looks:

Here is a size 1 font
Here is a size 2 font
Here is a size 3 font
Here is a size 4 font
Here is a size 5 font
Here is a size 6 font
Here is a size 7 font

font face

Choose a different font face using any font you have installed. Be aware that if the user viewing the page doesn't have the font installed, they will not be able to see it. Instead they will default to Times New Roman. An option is to choose a few that are similar in appearance.


here is the code:

<font face="Bookman Old Style, Book Antiqua, Garamond">hey, guess what? im awesome</font>

here is your result:

hey, guess what? im awesome
:P
:D
:O
:)
XD
:P
:P
:P
lol, i got bored

Basefont

With the basefont tag you will be able to set the default font for your webpage. this is a better idea than using the normal font tag for when you have lots of text that you want all the same. 

Below is the code to set your basefont:

<basefont size="5" color="green">
<p>hello, friend</p>
<p>hello, friend</p>
<p>hello, friend</p>
</basefont>

looks like this:

hello, friend

hello, friend

hello, friend

Bold, italic and underline

<b></b>
<i></i>
<u></u>
put these as shown below:


if you want bold:
<p><b>this text is bold</b></p>
if you want italics:
<p><i>this text is italic</i></p>
if you want underlining:
<p><u>this text is underlined</u></p>

result:

this text is bold
this text is italic 
this text is underlined

you can also mix them u a bit:
<p><b><i><u>this text is bold, italic and underlined!</u></i></b></p>

your result:

this text is bold, italic and underlined!

now you can do things like this!

Hi, like my beautiful text?

here's the code!

<p><font size="6" face="Georgia, Arial" color="yellow">H</font>
<font color="pink">i, like my beautiful text?</font></p>

cool aye!!!


<next tutorial>

colour chart!