HTML Tutorial - Body Attributes

Body Attributes

In the tag section of this tutorial you learned about the body tag. The body tag has many attributes and here are the most commonly used ones:

BACKGROUND="location_of_image" - Background image for web page. Example: If you have soccer.jpg in the same directory as your HTML file, use <body background="soccer.jpg"> to load it as your background image.

BGCOLOR="#hexadecimal_here" - Hexadecimal Color Code for Background Color

LINK="#hexadecimal_here" - Hexadecimal Color Code for Links (if left blank, most browsers default to blue.)

VLINK="#hexadecimal_here" - Hexadecimal Color Code for Links the User has Already Visited (if left blank, most browsers default to purple.)

TEXT="#hexadecimal_here" - Hexadecimal Color Code for Text Color to be used throughout the document.

**Putting together everything we have learned so far, you could produce an HTML document that looks like this:

<html>

    <body text="green" bgcolor="#000000">
    <h2>My First Web Page</h2>
    <hr>
    <h4>Headings are fun!</h4>
    <font size="+3"><b>This is big and bold!</b></font><br>
    <font size="-1"><i>This is small and italic!</i></font><br>
    <font face="verdana">Here is verdana font.</font><p>
    <div align="center"><font size="+2" face="arial" color="purple">Big, purple, and arial font. And now it's centered.</font></div><p>
    </body>

</html>

To view this web page, click here.

Notice how the background is black and the text color is green because within the body tag, the text color is specified to green and the background color is specified to black. Also, the final line is purple because the font tag for that sentence specified a different color to be used.

<---Back to Centering On to Links--->