HTML Tutorials for the Complete Idiot
Has Relocated to a New Domain!
MyHTMLTutorials.com
Please make changes to any of your links/favorites to point this new location.
You will automatically be redirected to the new site in 10 seconds.
Text and Link Colors
How to change your Text and Link Colors?
HTML Tutorials
By Jeff Walters
The <BODY> Statement:
First find the <BODY> statement in your HTML code.
Every HTML page has to have a <BODY> statement. What most people don't realize is
that the <BODY> statement can be used to change the text and link colors of your page.
Text Color:
In order to change the page's text color, simply add the TEXT attribute or option to your
already existing <BODY> statement. An example is shown below.
<BODY TEXT="#004400">
This will change the page's text to a dark green color.
Don't forget to include the "#" sign with your color codes.
For more on colors visit my HTML Color Codes tutorial.
Link Color:
You can also change the colors of your links. In fact, you can change the color of a link, an activated
link and/or a visited link. Let's look at the three attributes a little closer.
LINK="..." This specifies the color of the links on the page;
non-visited links.
ALINK="..." This specifies the color of the activated links in the page;
color during activation.
VLINK="..." This specifies the color of the followed links in the page;
visited links.
Here's an example of a <BODY> statement using these attributes:
<BODY LINK="#00BB00" ALINK="#BB0000" VLINK="#0000BB">
The colors used above were chosen arbitrarily, use any colors you wish.
Play around with different combinations and see what you can come up with.
Don't forget to include the "#" sign with your color codes.
For more on colors visit my HTML Color Codes tutorial.
HTML Tutorials for the Complete Idiot
[ Page Created December 12, 1997 ] [ Last Updated April 2, 2004 ]
Copyright ©1997 Jeff Walters. All rights reserved.