Ron's Guide

This tutorial will show you how to change the default font sizes, colors, faces, etc, of your website or page.

---

By Default, The text color of your webpage is black, but what if you want to add some COLOR to your webpage? Well that's no problem all you have to do is use the <font> tag along with an attribute.

An attribute is a string of text which, when inserted inside of a tag, will alter the tag in some way.

For Example: <font color="blue">Text between this tag is blue</font>...
closing the tag changes it back to the default color.

The text above is blue because of the color attribute...
You can also use size - which, of course, sets the size of the text... and face - which sets the font type (I.E. verdana, arial, tahoma, etc...) attributes. For the size attribute, you can use 1-7; 1 is the smallest, 7 is the biggest For the face attribute, you can use the name of the font, such as "times new roman", "arial", "verdana", etc.

---

Compiling Attributes:

You can compile attributes and put them all in the same tag as long as they are attributes of that tag. Below are two examples; one of complied attributes, and the other of non-compiled attributes...

Complied:
<font color="red" size="4" face="arial">Some Text</font>

Non-Complied:
<font color="red"><font size="4"><font face="arial">Some Text</font></font></font>

Notice in the Compiled example there is one tag with three attributes before the text, in the non-compiled example there are three tags before the text, each with one attribute. Also notice that in the Compiled example you only see one "</font>", and in the Non-Compiled example there are three "</font>"... The Non-Compiled example needs to have three "</font>" because there are three tags - and unless you want the text specified by those tags to continue through the rest of the page, you must exit them...

---

Some more tags that manipulate text are...
<b>This makes the text bold</b>
<i>This makes the text italic</i>
<u>This underlines the text</u>
<p>This makes a new paragraph</p>
<br>This makes a line break

Headers

<h1> . . . . <h6>

<h1>makes an h1 size header that includes a break</h1>(largest)
<h6>makes an h6 size header that includes a break</h6>(smallest)

• Discuss this tutorial
• Rate this tutorial
• Tell a friend