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

Your First Page

Okay - let's get started!

All pages must have tags - these are what make your pages work on the web. Without them, you would just get a blank page - not very exciting. On the menu at right, you'll find a page titled "Tag Glossary" this will list all the basic HTML tags you need to get your page up on the web where people can hopefully come and visit you. Each tag has a description of what it is used for.

You should have a good HTML editor - try this one - EditPad - its free to use in the light version, and that has basically all you should need. If you don't want to download an editor, just go to your start menu on your computer, go to:

programs :: accessories :: notepad.

Let's Begin!

On a blank notepad page type:

<html>
<head>
<title> My First Page </title>
</head>
<body>
Hello
</body>
</html>


Now, save that page as firstpage.html - don't forget to save it with the .html extension!

Open up a new browser window, and go to:

file :: open :: browse

and find the your 'firstpage.html' file. Click on it and then press:

open :: okay

This is what your first page should look like: My First Page

If it doesn't look like this, go back to the beginning and make sure you have followed each step.

Once you have it looking like the example - congratulations!! - go make yourself a coffee/tea and come back for some more :o)


Now before you get too excited at your achievement - there are two more tags you need to know about. These will create separations between your paragraphs and sentences. Here's another example:

<html>
<head>
<title> My First Page </title>
</head>
<body>
Hello.
How are you?
This is my first page.
Kaysea is a twit!

</body>
</html>


This is what the page would look like: Example

No spaces between the lines, despite how you had typed the page.

There are two ways to create breaks - line breaks and paragraph breaks. Look at the examples below, then try them out for yourself by typing them into your notepad page.

<html>
<head>
<title> My First Page </title>
</head>
<body>
Hello.<br>
How are you?<br>
This is my first page.<br>
Karen is a twit!<br>

</body>
</html>

View Example

<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>

View Example



So as you can see the <br> gives you a break between lines, and the <p> separates your paragraphs. It all make sense when its broken down into plain English (??) ... yes?

Your basic webpage of writing is made up of these simple tags.

It's that time again...


Would you like to add a splash of colour to your webpage?
Yes?
Ok!

On to the next tutorial....Inserting Backgrounds

:: 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