How to use <body> tag attributes to enhance your page
Note: These effects can now all be achieved using Cascading Style Sheets.
When you create a Web page, you can change several things in the body of your document by adding extra commands to the <body> tag. Here is what a body tag with several 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 explanation 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
When you create a Web page, you can change several things in the body of your document by adding extra commands to the <body> tag. Here is what a body tag with several 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 explanation 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.
Okay, now you will be prepared for the next series of tutorials (which are the ones listed for the attributes above). So let's move on to Changing the Default Text Color
Okay, now you will be prepared for the next series of tutorials (which are the ones listed for the attributes above). So let's move on to Changing the Default Text Color
pagesource.com
0 komentar:
Post a Comment