How to Change Web Page Background With HTML

As a novice web page designer, you want to be able to change the backgrounds page to page within your site to make things interesting for your visitors. The HTML code is very simple to follow and offers you flexibility in the composition of your page so that the overall look of your site can be exactly as you wish.

Things You'll Need

• Web page editor
• Images and/or textures to put in your background

Instructions

1. Determine what background you want. Any image or texture or color can be a background; you just need to decide the theme and look you want.

2. Decide on a photo or an image as your background. Save that photo or image to an easily accessible place on your computer. If your website files are in a particular folder, put your new image in that same folder, so that the web program knows where to find it when necessary.

3. Open your web editing program.

4. Locate the command string of text that looks like this: or . If you have a command that says "bgcolor=," then your web page is a solid color background. Take out that command, and replace it with "body background=."

5. Add in the name of your image file right after the "=." This tells the web page to use that image as the background. You will likely see that image in a multiple, tiled format.

6. Save those changes, and refresh your web page. The new image should now be your background.

7. Explore all the websites that offer free background images, color codes and thematic variations, to add a unique twist to your page.

Tips & Warnings

• If you just want to change the solid color background to another color, find the code and replace the name of the color that you'll see there. The color may be represented in hexadecimal code (six characters, combination of letters and numbers). If that's the case, erase that code and write the name of the color you wish. Or check out the link in Resources below to an HTML color code chart and put in the code of your choice.

Resources

• Read this Article in Spanish
• A fun source for free background themes.
• Detailed information about web page design.
• A fun Java-script code to let visitors to your site change the background color themselves.