Please note:
Colour By Numbers has become a tutorial only site, the graphics linkware site can be found at:
Indigo Moon Graphics

:: Welcome :: :: Fonts :: :: HTML Tutorials :: :: PSP Tutorials :: :: Stationery Tuts :: :: Links :: :: Webrings :: :: GuestBook ::

Fonts Directory

Your First Page

Inserting Backgrounds

Inserting Graphics

Linking Pages

Choosing Fonts

Tag Glossary

Free Backgrounds

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

:: Welcome :: :: Fonts :: :: HTML Tutorials :: :: PSP Tutorials :: :: Stationery Tuts :: :: Links :: :: Webrings :: :: GuestBook ::

This site is best viewed at 1024 x 768
IE6 Compatible

This website is owned and maintained by Kaysea.
All Rights Reserved.
2002 - 2004