The <BODY> tag has several attributes that affect the look of the content on the page. These attributes include the background image, background color, font color, and link colors.
When adding color to you page, please keep in mind that you should select a font color that is contrasting to the background image or color, else your text will be difficult to see. Also, try to keep away from wild or very busy background images which can also make reading text difficult for your visitors.
(See Tips #3)You can either specify a browser dependent color name or a specific color using the
hexadecimal format: #RRGGBB .
Example:
Specific name: lightseagreen
Hexadecimal color: ##20B2AA
[ Back ]
Body Attributes: (Not all attributes listed)
<BODY BACKGROUND="grngrug800.jpg" BGCOLOR="#20B2AA" TEXT="#000000" LINK="#0000FF" ALINK="#FF0000" VLINK="#800080" BGPROPERTIES="fixed"> (See it) [ Back ] |
BACKGROUND
|
Specifies the URL for the background image. The URL can either be "relative" reference or "absolute" reference. Be sure that you have the correct path to the image.
BACKGROUND="grngrug800.jpg" [ Back ] |
BGCOLOR
|
This sets the background color. It is good practice to specify a background color even if you use a background image.
BGCOLOR="lightseagreen" or BGCOLOR="#20B2AA" [ Back ] |
TEXT
|
Use this attribute to specify the text color for the document. Again, you can either specify a browser dependent color name or the hexadecimal format for your color.
TEXT="black" or TEXT="#000000" [ Back ] |
LINK
|
Set the color of your hyperlinks in your document with this attribute.
Please note that once a link has been visited, your link color will change to your VLINK color.
LINK="blue" or LINK="#0000FF" [ Back ] |
ALINK
|
This attribute sets the color for your active links. The active link is the state of the link as it is being pressed.
ALINK="red" or ALINK="#FF0000" [ Back ] |
VLINK
|
Use this attribute to set the color of your Visited links.
VLINK="purple" or VLINK="#800080" [ Back ] |
BGPROPERTIES (Internet Explorer Only) |
This Internet Explorer attribute has only one value, "Fixed". This will stop your background image from scrolling.
BGPROPERTIES="fixed" [ Back ] |