Inserting Backgrounds
Ready now - Mr Music?
Okay, let's start with the basic page you created earlier. Open your notepad, and open your 'firstpage.html'.
Okay, here's what you should have right now. Yes?
<html>
<head>
<title> My First Page </title>
</head>
<body>
<p> Hello.
<p>How are you?
<p>This is my first page.
<p>Karen is a twit!
</body>
</html>
First, we'll add some background colour to your page - one thing to note - always spell colour in HTML page design as 'color'. It's a Yank thing ;)
Colour's in web design are from a table of numbers, which when combined create every shade of colour you can imagine. They are known as HEX numbers. You'll find a basic HEX Table here
Free JavaScripts provided
by The JavaScript Source
for your use, right click and save it to your hard drive for future reference. For now, type out the code shown below:
<html>
<head>
<title> My First Page </title>
</head>
<body bgcolor="#ff4040">
<p> Hello.
<p>How are you?
<p>This is my first page.
<p>Karen is a twit!
</body>
</html>
Look at your page now. Example
Pretty startling, isn't it?
It's that time again...
Welcome back :o)
Now you need to add a little something to the < body > tag to add a nice colourful background. Right click on this graphic,
and 'save picture as' to your hard drive in the same folder you have your 'firstpage.html' file in.
Insert the following code into your page as its written here:
<html>
<head>
<title> My First Page </title>
</head>
<body bgcolor="#ff4040" background="bg1.jpg">
<p> Hello.
<p>How are you?
<p>This is my first page.
<p>Karen is a twit!
</body>
</html>
Example
You still with me so far?
If you have any questions, please -
me and we'll see if we can work out where we've gone wrong ;)
If you're game - we can add a graphic or two?
Yes?
Onto Inserting Graphics
| 