eHow launches Android app: Get the best of eHow on the go.

Search
Now in the UK!
  1. Home »
  2. Computers »
  3. Computer Programming »
  4. Computer Programming Languages »
  5. How to Add a Background Image Using HTML Programming
More Articles Like This
More by This Author
How To

How to Add a Background Image Using HTML Programming

Contributor
By eHow Contributing Writer
(1 Ratings)

HTML--Hypertext Markup Language--is a computer language that is used to create web pages. Web sites and web pages are written in HTML code. Whether you are setting up a personal web page or a business web page, learning HTML code can be very beneficial because it can help you manipulate your page settings. HTML documents contain plain text and have the extension .html or .htm. You can add background images to your page that can be customized to fit the content on your site. These images are a great way to give your web page more appeal and attract viewers. This guide will teach you a simple approach for adding background images to your web page.

Difficulty: Easy
Instructions
  1. Step 1

    Start the word processor or text editor that you are using to edit your web page. Locate the page file on your PC that you will be adding the image to and position the cursor inside of the <BODY> tag.

  2. Step 2

    Type BACKGROUND=“?” inside of the body tag, directly in front of the name of the image that you will be using as your background image.

  3. Step 3

    Replace the question mark with the location of the image on your computer. Your text should look like the following example:<HTML><HEAD><TITLE>This is your title</TITLE></HEAD><BODY BACKGROUND=“photo.jpg”><FONT COLOR=”#ffffff”><H1>This is your welcome text.</H1><P>This is your text.</P><P>This is more text for your page.</P></BODY></HTML>

  4. Step 4

    Open a new web browser to verify that your web page displays the background image correctly. The image should be repeated to fill the entire page.

Tips & Warnings
  • You should display your web page in several browsers to see how each browser will display your page.
  • Be sure to choose an image that will make your page appear interesting.
  • Choose an image with a small file size since the larger the image size, the more time it will take for your page to load when visitors visit it.
Who Can Help
Subscribe

Post a Comment

Post a Comment

Related Ads

  • See How Others Did It
  • Have you done this? Click here to let us know.
I Did This
Tags
Get Free Computers Newsletters

Copyright © 1999-2010 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use † and Privacy Policy †.   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License. † requires javascript

Partner Sites
eHow Computers
eHow_eHow Technology and Electronics