Text and Link Colors

How to change your Text and Link Colors?
HTML Tutorials
By Jeffrey J. 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 (clicked) 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 a click (or 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.

Link to this Tutorial!

Did you find this tutorial helpful? If so, please help me to share it with others by linking to it. Just place the HTML code below onto your own Web page to create a link to this tutorial.

Bookmark this Tutorial!

Bookmark this tutorial page on your favorite Social Bookmarking site.