Backgrounds

The Background looks kind of blah right now, but just you wait.  Let's change the
color of the background.

Here's our basic coding again:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title></title>
</head>
<body>This is my one line web page
</body>
</html>

If you want the whole page to be a particular color, you modify the <BODY> tag by 
adding the tag for background color (bgcolor=#nnnnnn).  Here are some colors to use:

               lavender #FF00FF
                   red        #FF0000
               lime       #FFFFFF
               blue       #0000CC

              Here's the code to change the code to lavender"

<head>
<title></title>
</head>
<body>
<BODY bgcolor="#FF00FF"> <center>
<h1>WOW!  What an eyecatcher </h1></center>  
</body>
</html>                 

               Copy it in the box below and try it 

Try the other colors above or press the colors button on the menu to get even more colors to try.

Another way to change the background is to use a picture as your background.

We'll use this image as the background

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title></title>
</head>
<body background="back-tan_paper.jpg">
This is <font color="ff0000"> my </font><font color="000000"> one line web page
</body>
</html>





                 Background Rule #1:   Your background should not overpower your page.  
                 It should complement it!  

                 Note:  If it's too busy, people won't stay (or come back).  Crisp is what
                 you are after . 

 

OK - Let's format some text on the page using a table


Click here to continue



 
image
image

Hosted by www.Geocities.ws

1