HTMLCOOK -
Main Page - lists all articles and tutorials
Google
  Web www.htmlcook.com
UK2 for domains and webhosting
• Windows Servers: £50 off plus free WebsiteSpark™
• Business Booster Bundle - Get both the Search Engine Submission tool (usually £39.95) and Business Directory entry (usually £12.50) for an amazing £39.95!
• Domain Names Offer - Get a .com and .co.uk together and save 12% on the total price!
HTMLCOOK sponsored by Voucher Freebies
UK Internet access deals

Introduction
Backgrounds
Fonts
Advanced Text
Lists
images
Links
Tables
Frames
Forms
JavaScript
Recommended Links

Backgrounds

Now let's add a background color to "mypage.html".

<HTML>
<HEAD>
<TITLE> My first web page</TITLE>
</HEAD>

<BODY BGCOLOR=#FF00FF> This is my first web page

</BODY>
</HTML>

Check out what this looks like click here

 


You can give your Web pages any background color that you like. The 6 digit color codes are based on a 16 bit counting system which for each digit runs from 0 to 9 then the letters A through F.

The digits themselves represent variables of Red - Green - Blue, the first two digits representing Red the middle two - Green, and the last two - Blue. With 16 possible variables per digit, (0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F), and two digits per variables of Red for example, it is possible to choose from 256 shades of red.

Total Black is #000000, and White is #FFFFFF. Here's an example.


Black - #000000
Red - #ff6633
Green - #00FF00
Blue - #0000FF
White - #FFFFFF <= (White text).

(Note: You can't see white text on a white or light colored backgrounds)

 

You can also simply code by the color name like so: <BODY BGCOLOR="yellow">

Try several colors on your own and do it both ways a few times. Put any text on your "mypage.html" that you want.



Now let's use an Image file as a background. There are two types of Image file formats you can use. They are ".gif" and ".jpg" files. The coding is simple, you need only specify the exact file address of the image file you want to use. It looks like this:


<HTML>

<HEAD>

<TITLE>My first web page</TITLE>

</HEAD>

<BODY BACKGROUND="images/blue.gif"> This is my first web page

</BODY>

</HTML>



The new code is the file path to where the background image resides on your system, or on your web server. Create a sub-folder in your file folder "mypage" and title it "images". Save the Image "blue.gif" into the new sub-folder. Just "click" your right mouse button on any spot on the blue background and save it in your "images" sub-folder as "blue.gif". Copy any imagery you want into your new sub-folder. You can also use any imagery you want from other folders on your system when working off-line, you need only to specify the exact path to the file.

When you publish on the Internet you will have to keep it simple with no "File" address, only the exact folder the imagery will be stored in on your server. Play with the background imagery for a while. Keep in mind that the coding for the background image or color is always within the "<BODY>" tag.

check this out here

As you will see, the small blue square tiles to fill the entire background.

Don't believe that it tiles? You think it stretches? Try it with this file...



What you should have is a background made of lots of eyes!

Click here to check it out


 

Top of Page


Previous Page