Learnin' HTML Step by Step - [ Defining page colors ]

Home
Email the webmaster
Legal stuff
NEXT LESSON >>>

Defining page colors

<BODY> tag was talked about in the first lesson as a container tag. This tag can be used to its full potential by adding in some values to spice up your page. For example, <BODY BGCOLOR="BLACK"> (note that you can use HEXADECIMAL code as well, which in this case, will be <BODY BGCOLOR="#00000">) changes the background color of your webpage to black. Adding a text color value will be very easy as well, like: <BODY BGCOLOR="BLACK" TEXT="WHITE">. An image can be used as background, whereby you will type <BODY BACKGROUND="imgagename.imagetype"> (for example, the image name is 'cool' and it is a 'GIF' image, you type <BODY BACKGROUND="cool.GIF">.

Hence, it is obvious that you can use these elements to change the whole format of your page. A page that looks fit for a flower meadow can be instantly transformed into a dark dank dungeon.The color scheme for your page is very important, choose it carefully. A page on NUCLEAR WEAPONS must be dressed in 'Cool' and 'Dangerous' looking colors. You can see an example here.
Three other add-ons are LINK, VLINK and ALINK, where LINK defines the color of the links in your page, VLINK defines the color of the visited links in your page, and ALINK defines the color of the active links in your page (active links are links that are currently being clicked on).

Activity

<HTML>
<HEAD><TITLE>My homepage!</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#666666" VLINK="#555555" ALINK="#444444">
<H1>Hi, and welcome!</H1>
 
Hi and welcome to my cosy little corner of the net. In my webpage, i will be talking about myself, what i like to do, as well as linking to my favorite sites on the internet. Remember, sign the guestbook before you leave!
 
Thanks for comming, and have a pleasant 'surf'.

Direct your comments, complaints or comedy routines to [email protected]
</BODY>
</HTML>