Below you'll find the correct HTML code to use your Background Image, as well as the HTML for a corresponding Background Color.
You should use both, background image and background color, so your pages also look nice to those who browse with images “off” on their browsers.
Are you ready?
Let's get started!
HTML Code for Background Image, Background Color, plus HTML Code for Text and Link Colors:
Now that you have chosen and downloaded your Background Image, you need to put it on your page!
You need to place your new Background Image in
the BODY container, a part of the HTML code.
(View our HTML Made Easy-1 and HTML Made Easy-2 tutorial pages, if you are not sure where the BODY part of your HTML code is located and what it is there for.)
So, for your new background image to show, please add the following line inside the BODY container:
BACKGROUND="image.jpg"
Of course you'll replace image.jpg, above, with the name of the background image
file that you have chosen to use and have downloaded to this end.
NB: for the code above to function, boththe background imageand the page using that image must be in the same directory ! This is very important!
Once you have added the above line (in bold) inside the BODY tag, you are all set.
And the BODY container (tag) should look somewhat like this example:
It is advisable that you use the line BGCOLOR="#FFFFFF", so that your page
will look nice also to people who view it with images turned
off in their browsers, as already explained.
In this example, FFFFFF is the Hex
value for the color white.
Every color has a corresponding Hex value (which is the "language" for colors that browsers understand).
You can find these values here at HomePage MadeEasy. Just copy the one that corresponds to the color you wish, and past it in the appropriate place, within your HTML code.
When you copy the value for the color you wish to use as the background color for your page, just please substitute
the original FFFFFF in the string above given, and you are all set!:)
HTML Code for Text and Link Colors:
The parts of the above given code containing the word LINK control the
color for the links on your page:
LINK = regular link (the way it normally looks on the page)
VLINK = visited link (the way it looks after someone has clicked on
the URL which that link offers)
ALINK = active link (the way it looks as it is being activated)
The part of the above given code containing the word TEXT controls the
color of the text on your page:
TEXT="#000000" (here the text color is black)
Now you can look once more at our color chart on line, and choose colors for all the above, then substitute the color values on the code that we have initially provided you, above, and paste the result directly inside the HTML code for your homepage!:)
All of the above, and more, but no need to deal with HTML coding!
In case you do not wish to handle any HTML coding at all, then please see our page on Instant WebSite Generation
If you'd like to see examples of pages (outside HomePage MadeEasy) generated in the way we tip you on, at the above given link, you are welcome to visit the following: