Tiled Background

HTML Tutorials

How to Get a Tiled (Textured) Background

Back to Home Page Back to HTML Tutorials Home Page

Tiled backgrounds with nifty designs are easy. There are two ways to get a tiled background. One way is to make the background yourself in a paint program. Another way is to capture a background off of the Internet. You can find hundreds of free backgrounds with just about every color and design imaginable.

The backgrounds described here are called "tiled" backgrounds for a good reason. The backgrounds are saved as a small image. When the browser loads your web page, the image is repeated many times across the screen. The good news is that the browser only needs to download one small picture. This cuts down on download times.

"Where can I find background images on the Internet?" you ask. There are tons of web sites. Here are a few:

http://www.backgroundsarchive.com/

http://www.free-backgrounds.com/

http://wp.netscape.com/assist/net_sites/bg/backgrounds.html

http://www.webpagebackground.com/

http://www.randomscripts.com/humor/wwbpage1.htm

http://www.grsites.com/textures/

http://www.freebackgrounds.com/plaza.htm

or... just search for "backgrounds"

Here is an example of the code to make a background work:

Click here to see the background

<HTML>
<HEAD>
</HEAD>

<BODY BACKGROUND = "square.gif">

<H2>
This what my background looks like. I found the background
on the web and saved it just as I would any other image.

(right click the image...save picture as...etc.)

The name of my background image is "square.gif". Besides
.gif, the file might end with .jpg, .png or some other
ending.
</H2>

</BODY>
</HTML>