About J & D Graphics
The J & D Graphics Gallery
J & D Graphics HTML Guide
J & D Graphics JavaScript Centre
Submit your work!
E-Mail Contacts
J & D Graphics Disclaimer
 

J & D Graphics HTML Guide

Basic HTML Guide - Part Two: The Basic Tags

Background Images

Instead of having a background colour, you could have a background image. Web browsers tile background images, so the image does not have to be very big. To define a background image in the body tag, you use the following command:

<BODY BGCOLOR="#FFFF00" BACKGROUND="myback.gif">

"myback.gif" can be replaced with the name of the image file that you want to use as a backdrop. It is good practice to define a background colour that matches the main colour of the background image, so that if the graphic loads slowly, viewers can still read the text on your page. Look at this page, which illustrates the above example. Close the window once you are finished. It is a good idea to make background images fairly pale, so they do not hinder the reading of the pages text. (unless you want it to, of course...)

Text and Link Colour

Text colour and link colour are defined in much the same way as the background colour was. By adding the following commands after the BGCOLOR or BACKGROUND commands, you can specify what colour you want your page.

... TEXT="#RRGGBB" LINK="#RRGGBB">

Replace the RRGGBB with the hexadecimal colour of your choice. Try to make the text and link colour the opposites of the background colour, so they can be seen and easily read on the background. Many a good site is let down by the wrong combination of colours. The full line should now look something like this:

<BODY BGCOLOR="#FFFF00" BACKGROUND="myback.gif" TEXT="#123456" LINK="#123456">

 

<-----Previous Next----->

 

 

   

[ - About - Gallery - HTML Guide - JavaScript - Subs - ]
[ - E-Mail - Disclaimer - ]