| || |
Text: How to make it interesting. There are several ways to spice up the text on your web page. The ones we'll learn are:
The basic tag for any font change is: <FONT>
Within this, there are the four basic changes as mentioned above. Let me do an example:
An example. Well, if all went as planned, that text should be in a courier font, 1 size smaller than your browser's default, colored red, and centered on the page. There were four effects here, but actually only two "tags" were used. Here's how I did it:
<CENTER> <FONT FACE="COURIER" SIZE="-1" COLOR="RED">An example. </FONT></CENTER>
So the basic setup for any font change is:
<FONT FACE="face" SIZE="size" COLOR="color"> When you want to end that particular style, you just put in the </FONT> tag. To get the centered effect, just put a center tag around the text you want centered, and that's all there is to it!
Of course, life wouldn't be very exciting if this were all the choices we had, and I should take the time here to show some other text effects as well. Much of the text on this page has been formatted in some way, though the most common by far would be the color option. Below are some other common HTML tags that can be used. I also tried to include a short summary of the uses for each one.
||Stands for paragraph. This text format will automatically wrap around
without adding an extra line breaks. However, it will put spaces between
paragraphs if you use two <P> tags right after one another.
|<H1> ||This is for a heading. Actually, there are 6 levels of headings. If you look at the very top of this page, where it says "Text: How...", this is using the <H1> tag. |
|COLOR="?" ||Clearly, this is designed to change the color of the font, and it actually goes inside the regular <FONT> tag. There are two basic ways to name the color: 1)the ? can be replaced with either a common color name such as "red", "blue", or "green"; OR 2) if you are more particular about your colors, (like I am) you can pick out one of the hexadecimal color names. To find out more of these colors, click here. |
|SIZE="?" ||This tag is again inside the <FONT> tag. The size indication can either be absolute: 1,2,..7, or relative: -1, -2, +1, +2 to the default size. |
|FACE="?" ||This is like the example I gave before that used the courier font. To learn more about different font faces, click here. |
Well, that's the basics of fonts! You've got the power to do whatever you want with fonts now.