Lesson #08 Basic Tags: The Font Tags
Written By C-Pimp

In this lesson we will take a look at the basic FONT tags and how they can be used to give your text the right font type, size and color! Here is a look at some key FONT tags accompanied by their functions and attributes.

<FONT COLOR="#000000">

You can use this tag to display text in a specific color. You can put in any color you like with it's proper HEX code. We will be taking a closer look at HEX codes in a later lesson. For now keep in mind that "#000000" is Black and "#FFFFFF" is White. For a quick overview on HEX codes, check out the Color Code Guide on Cozy Frog.

<FONT FACE="ARIAL">

Assigns a specific FONT type. You can try "ARIAL", "TIMES", "IMPACT", "VERDANA" and more...

<FONT SIZE="+1">

Sets the size for your text. Increase the size of your text with "+1" or "+2" and decrease the size with "-1", "-2", "-3"...

</FONT>

This is the Font END tag. This tag ends the attributes given to the text displayed before it.

Here are some quick examples of these FONT tags in action:

<FONT SIZE="+2">Kathy Loves Sex</FONT>

<FONT COLOR="#000000">I Really Need to Get Laid</FONT>

<FONT FACE="IMPACT">This Text is Serious</FONT>

You CAN use more than one font attribute at a time. This is done by NESTING multiple attributes into one tag. Here are a couple of examples:

<FONT SIZE="-1" COLOR="#7A7A7A">
Strawberries and Cream
</FONT>

<FONT SIZE="-2" COLOR="#000000" FACE="IMPACT">
Strawberries and Cream
</FONT>

Though this might be pretty obvious by now, you can use the FONT tags with the tags we reviewed in the previous lesson to fine tune the look of your text. Here is a quick example:

<FONT SIZE="+1" FACE="ARIAL"><B><U>
I Love My Baby Mama!
</U></B></FONT>

For the sake of repetition, once again:

"Don't Forget The End Tags!" :)

To rap up this lesson, I've setup another sample HTML page. This time I've added some of the FONT tags covered in this lesson. You can open up the page by clicking the link below. Once the page is loaded, check THE SOURCE (Lesson #06) to see exactly how I put it together!