What's your Background?

Chances are you want to spice up your background from white or gray. There are two ways you can change the background of your webpage. You can simply change the color or you can add an image as the background.


Changing the color

Background color is an attribute of the body. Therefore we change the background color in the body tag. For a list of color codes you can do a search on your browser or try this site.
The HTML code looks like this:

<html>
<head>
<title>
Women Scientist
</title>
</head>
<body bgcolor="9999FF">
<h1> Famous Women Scientist </h1>
<h2> Marie Curie </h2>
<h2> Rachel Carson </h2>
<h2> Ellen Ochoa </h2>
</body>
</html>

See it for yourself!

Background Images

You can also add an image in the background of your page. Again this is done in the body tag. But this time instead of using bgcolor="...", you will use background="file_name". Your file will either be a GIF file or a JPEG file. The HTML code looks like this:

<html>
<head>
<title>
Women Scientist
</title>
</head>
<body background="lgreen.jpg">
<h1> Famous Women Scientist </h1>
<h2> Marie Curie </h2>
<h2> Rachel Carson </h2>
<h2> Ellen Ochoa </h2>
</body>
</html>

See if for yourself!

There are a couple of things you want to remember when you choose a background image file. First, you do not want it to be so flashy that it distracts your readers from what your site is about. Secondly, you want to be able to read your text! If you choose a light background, use dark colored text. If you choose a dark background, use light colored text.