Page 1 Page 2 Page 3 Page 4 Page 5
Working with Font Colors
So that leaves us with the task of choosing which color to use on the Web page. Well that has a lot to do with your color scheme you’ve chosen for the page. Choose a blue background and blue text or even black text and it might be hard to see the words. And, if you have hyperlinks on the page, they’ll be all but visible to the naked eye. Now we need to learn of the different ways to color the text.
The proper way to color a Font will be in the two-sided < FONT > tag, although I’ll show you a couple of alternatives as well. You can add Color to the tags we have been using or have a stand-alone tag; it’s up to you. For now, I’ll chose to use color names, in another chapter I’ll cover how to use numeric values for color names. Since this page will be printed in black and white, it will be useless to show a color example but I will show the HTML tags for you. < FONT COLOR="brown" > would give you a brown colored text for the selection. Note: You will have to use the close < /font > tag when you want to go back to your normal text for the page.
Here’s an alternative, placing a color choice in the < BODY > tag. This is a bit different but accomplishes the task quite well. This will affect every word on the entire Web page though so you might need to override it later on in the page. Here’s the tag, < BODY TEXT="white" >. Perhaps you have chosen a very dark background color or image for your Web page, this would require that all the text on the page be of a light color to be able to see it.
Let’s say you have chosen a dark Web page color and you want to have hypertext links on the page. Well we will have to change the defaulted LINK colors to something else more visible. Not hard to do, for all the hyperlinks that are normally blue and underlined, we will choose a lighter color. When you click on a Hyperlink it usually turns red, this would have to be changed if you have a red background. And, the color of a visited hypertext link upon return, usually violet, will have to change as well. Not a problem it all happens in the tag we just added the TEXT attribute to, the < BODY > tag. This is how it could look on a page that was colored dark blue.
< BODY TEXT="white" LINK="lightblue" ALINK="red" VLINK="silver" >. The colors of course would be totally up to you; these would just be a possibility. Now for an explanation of the new terms:
• LINK is used to refer to the hypertext underlined link on the Web page.
• ALINK is used to refer to the hypertext link being clicked by the mouse.
• VLINK is used to refer to the hypertext link’s color upon return to the original Web page after visiting a hyperlink.
Well that makes viewing your text a little easier on your background colored pages, and should give you the added freedom needed when designing your personal Web pages. The next subject fits into this category and is just a bit more advanced, but I know you can handle it... I’ll make it easy to understand. If you noticed, in these pages I have kept you limited to just a few sizes of text, but what if you want a really BIG font? I mean REALLY BIG! In the past, it meant you had to make a special image then you linked to it, but not any more! Read on to learn more.
Page 1 Page 2 Page 3 Page 4 Page 5 TOP