Exit tutorial
 Web Design - Stage 2: Using BODY Tag Attributes |
| Using Body Tag Attributes To Enhance Your Page |
|
When you create a web page, you can change serveral things in the body of your document by adding extra commands to the <BODY> tag. Here is what a body tag with serveral additions would look like: <BODY bgcolor="black" text="red" link="yellow" alink="orange" vlink="white" background="image.gif"> Pretty long tag, isn't it? Well, you can use as many or as few of these add-ons as you wish. The options you don't use will be set to the web browser's default values. Below is a brief explaination of each attribute, with a link to the tutorial for each one. (If you are moving through the tutorials in order, we will eventually get to each one of these.) So here we go.... bgcolor="color" Tutorial-Using a Background Color This changes the background color of your page. You can set this to any color you would like to use. Just replace color above with a color name or hex code. For a list of common colors and hex codes, click here. The default setting varies with your browser, but is usually gray or white. text="color" Tutorial-Changing the Default Text Color This changes the default text color the browser will display on your page. You can set this to any color you would like to use. Just replace color above with a color name or hex code. For a list of common colors and hex codes, click here. The default setting for text color is black. link="color" Tutorial-Changing the Link Color This changes the color of all of the non-visited links on your page. You can set this to any color you would like to use. Just replace color above with a color name or hex code. For a list of common colors and hex codes, click here. The default setting for a non-visited link is usually blue. alink="color" Tutorial-Changing the Link Color This changes the color of an active link on your page, which is a link that has just been clicked on by a user's mouse. You can set this to any color you would like to use. Just replace color above with a color name or hex code. For a list of common colors and hex codes, click here. vlink="color" Tutorial-Changing the Link Color This changes the color of a visited link on your page. You can set this to any color you would like to use. Just replace color above with a color name or hex code. For a list of common colors and hex codes, click here. The default setting for a visited link is usually violet. background="image.gif" Tutorial-Using a Background Image This adds a background image to your page. If you use this attribute, the background image will take the place of any background color you may have specified. If you don't use a background image, the browser will use your background color or its default background color.
|
|