SmartGirl
Newsletter Resources Search Site Map Contact
Speak Out Express Yourself Spread the Word Issues
    HTML Tutorial  
   

Steps
  1. Overview
  2. About the Internet
  3. Hello, HTML
  4. Make it pretty
    1. Changing the background
    2. Coloring the text
  5. Adding pictures
  6. Fancy layouts
  7. Show it to the world
Step 4. Make it pretty

Changing the background

Let's start by changing the background color of our web page. Most browsers are set up to automatically use white as the background color, but you can make the background color of your web page any color you want. Go to the HTML Playground and find the <body> tag under Your Code, then add the attribute bgcolor to tell the browser to change the background color. To set pink as the color, for example, change <body> to <body bgcolor="pink">.

It's considered better to use codes that the browser can easily understand to specify colors instead of the colors' names, but we'll just use the names to keep things simple. We've listed both the names and color codes for some common colors here:

beige#F5F5DCblack#000000blue#OOOOFFbrown#A52A2A
gold#FFD700gray#808080green#008000  maroon#800000
orange#FFA500pink#FFC0CB  purple#800080red#FF0000
silver#C0C0C0  turquoise#40E0D0white#FFFFFFyellow#FFFF00

Or click here for more colors.

 
Previous   Next


HTML Playground
Your Code


The Results

 
   
    Crush Barometer Fortune Teller Smart Scope Dream Dictionary Mash Quiz