Webmasters Resources | Building Your Web Site

"HTML BASICS is The EASIEST to use and understand Web Site building course on the Net!"

Previous Lessons
Lesson #1
HTML Reference and Basic HTML

Lesson #2
Adding Text to your Web Site

Lesson #3
Using Colors in HTML

Lesson #4
Web Site Structure

Lesson #5
Adding Graphics to your web site

Lesson #6
Changing Background Color
 
Lesson #7
Using Graphics for Backgrounds

Note from HTML Graphics
There are three types of images (graphics) that can be used on the Internet. They are .png, .gif, and .jpg (file extensions). Since images on web pages are not embedded into the page. Images must be in the same folder as your html pages or within a sub folder of your web site (with directions for the browser to locate the image(s) to be displayed).
 

Lesson#7 : Using a Image as a web page background
Change your <body>tag to the following blue text. Name the background image name to match the image you plan to use.

<body text="#000000" bgcolor="#FFFFFF" link="#0000EE" vlink="#3333FF" alink="#FF0000" background="background.gif">

When you add a image to the background of a webpage the image will tile to fill the background. 
 

Example using this image

Click Here
 
To get the image not to tile, you need a much larger graphic that will fill the screen either vertically or horizontally.

Remember: Images must be in the same folder as your html pages or within a sub folder of your web site (with directions for the browser to locate the image(s) to be displayed). It is very common for new webmasters to have broken images within thier sites. Easy to fix because the problem is ALWAYS one of two things.
1) The Image is not in the place where the tag says it is
2) The filename is incorrect (YES it is case sensitive)


Lesson #6: "Changing Background Color" < Lesson #7 > Lesson #8 "Creating Hyperlinks w/ Text and Graphics"
Webmasters Resources