Exit tutorial


HTML Tutorial
Web Design - Stage 2: Changing the Link Colour
How To Change The Link Colour On Your Page

If you want to change the link color on your page, you will need to begin by finding the <BODY> tag. Now look for a command after the word BODY that says link="color". It would look like this:

<BODY link="blue">

Or the tag might have some other commands as well:

<BODY bgcolor="#000000" text="#FFFFFF" link="#0000FF">

You may also just have the word BODY with nothing else there. If so, add the command after the word BODY, with a space between the two, like this:

<BODY link="blue">

Now, to change the link color, you replace the word blue inside the quotes with a different color name or hex code. For a list of the hex colour codes, click here.

So, if you would like to change the link color to red, you would type the following:

<BODY link="red">

Or using the hex code:

<BODY link="#FF0000">

Now, all the links on your page will be colored red rather than blue. You can also do the same things for active and visited links by adding or editing their commands. The commands are:

alink="color"   For the active link color
vlink="color"   For the visited link color

You might have:

<BODY link="blue" alink="blue" vlink="violet">

To change the other colors, do the same as you did for the link color. If you need to add the commands, go ahead. Just place a space between each command, and add your colors!

Now we are going to move on to the background color command, which is very similar to the link commands we just finished.

[Back to the Stage 2 Index]