This very short tutorial aims to show you, in case you didn't know yet, how to use the background pictures I offer on other pages. If you do know, you can just skip this page.
Still with me? Okay, here goes!
This is what makes any browser know that this is a page of HTML.
If you don't know what that means, or if you never saw this before, on my
website and on many other Sites out there you'll find links to very good
tutorials for the absolute beginner in HTML. You might want to visit them first...
Within the <HEAD></HEAD> we put things like the page's title, metatags, descriptions of the HTML version used, etc.
Within the <BODY></BODY> tags we put the bulk of what we want people to see. But this <BODY> tag may also be used to control the overall appearance of the page, the way others will see it on their screens.
In a new, empty page in your editor, like the one shown above, instead of just <BODY> type:
You understand of course: 'bgcolor="rrggbb"' indicates the color you want the background to have. Possible values you can safely use for this "rrggbb" can be found in Rob Schluters HTML Tag List.
Even if you want to use an image instead of a color for the background, I advice to include a backgroundcolor too: the color will load and show faster than the image, so the visitor will see something happening on-screen right away, instead of having to wait for the image to finally appear: he may not even wait for that, and just move on to another site.
This is
image "09.jpg" from page one of my backgrounds.
To get this, tiled, as your background image all you have to do is make the <BODY> tag like this:
<BODY BGCOLOR="rryybb" BACKGROUND="09.jpg">
and the result will be as shown below:
Just two more things:
- Mind your case: most servers are case-sensitive, so 'ap.jpg' is something quite different from 'AP.JPG', or 'Ap.Jpg' !
- Mind the directory! In the example shown, the picture is in the same directory as the document is. If the graphics have their own directory, you may have to change the link to something like 'background="pics/09.jpg".
If you'd view the source of this page, you may see that the
background image is in the root directory, so it reads
'< body background="../back2.jpg">
OK. Now al you have to do is to download the background images you'll find at Fried's Things / Cute Kitten Graphics!
You're free to use any or all of my images, of course, but my ego would very much enjoy getting an e-mail from you if you do!
And if you want to link back: the address is http://www.crosswinds.net/~kampes/index.htm
©
Friekamp 1998 || Revised 12-31-98 12:28 by Fried Kampes, Randwijk.
Please send remarks and questions to: Fried Kampes