Home Site Map Gallery Your Two Cents Service Order


Home HTML Basics Headlines Paragraphs Links Free Links Mail-to Bold Italic Font Color Font Size Background Image Graphics Background Color Aligning Text Aligning Images HTML -Adding Audio HTML - Frames HTML Tables Meta Tags Forms Mouse Over Mega Search Browser Support

Get Your Free E-Mail Account

Isn't it time you
updated your site?





Background Images

<body background=?> sets the background image

The <body background> tag allows you to use an image file for the background of your Web page. A large image may only appear once (depending on the size of the browser window), but smaller images will be redrawn as many times as necessary to fill a page - a process known as tiling.

If you code your HTML page:

<body background="BlackCat.gif">

Then the image called BlackCatwill appear in your background as many times as the browser window and the size of your image will allow. If, for instance, it's a small image - say, 10 by 10 pixels - and the page is being viewed in a 480 by 640 browser window, then kitty would appear an astounding 1527 times.

Keep in mind that there's no way to prevent a background image from tiling. So if you want to make sure it doesn't, you'll have to make the image wide enough and tall enough to accommodate large monitors.

On this page, for instance, if you wanted your background image to create a stripe down the left-hand side, and wanted the image file to be as small as possible. However, we didn't want more than one stripe to appear, no matter how wide the monitor is (in other words, we wanted the image to tile vertically, but not horizontally). To accomplish this, we created a short, wide, striped image - 1,200 by 24 pixels - that looks something like this (only larger):

A browser window at least 1201 pixels - or about 17 inches - wide to see a second stripe, but the image size is still quite small (8K). Note that the pixel-to-inch ratio is adjustable, and varies from platform to platform; 72 pixels per inch is standard, since it corresponds with the typographic rule of 72 "points" per inch.

Note: Almost all browsers supports background images. Only older versions of NCSA Mosaic and the AOL browser will turn down your background image and those where published before 1997.





Up ] HTML Basics ] Headlines ] Paragraphs ] Links ] Free Links ] Mail-to ] Bold Italic ] Font Color ] Font Size ] [ Background Image ] Graphics ] Background Color ] Aligning Text ] Aligning Images ] HTML -Adding Audio ] HTML - Frames ] HTML Tables ] Meta Tags ] Forms ] Mouse Over ] Mega Search ] Browser Support ]


Webdesign ] Banners and Graphics ] Promotional Services ] HTML Tutorials ] Consulting ] Hosting ] Domain Registration ] WIN PRIZES!! ]

BizRate Customer Certified (GOLD) Site We are members of the Chamber or Commerce!

Verify our security!
Verify Our Security

Better Business!

AOL Members Choice Award


Webmaster-at-Large:     webmasteratlarge@planetwebdesign.com  

Planet T-Shirt Logo

  PO Box 22157  Knoxville, Tennessee 37933-0157

Telephone:    865-300-3804      FAX:    865-692-9247

PlanetWebDesign LogoCopyright © 1998, 1999, 2000 PLANETWEBDESIGN TECHNOLOGIES, Inc. All rights reservedBye Bye!!