Basic Web Page
To Display your Graphics
Do you have a graphics program and would like to display your images in PlusPSP or other graphic
site but don't have a web page? If your ISP offers free web space, it is very easy to create a basic
web page using nothing more than Notepad which comes with Windows. Don't worry if your ISP does not
provide free web space there are plenty of Free sites which you can use. More about these later. In
this tutorial we will just use a plain coloured background but I will also show you how to insert a patterned
background.
It is important to keep all your tutorial files in the same folder. You can create a folder anywhere on your
hard drive and give it a name such as WebPage or Tutorial. Just make sure you know where you have
created the folder.
The tags used for the simplest HTML document you can create are
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Every tag begins with < and ends with > and in between these tags you type a command. Most tags also come
in pairs, an opening and closing tag. The difference in these is, opening pair of tags are < opening > and closing
pair have a / (forward slash) and look like this < /closing >.
Now we need to open Notepad. Go to Start/Programs/Accessories and scroll down to Notepad and click on that to
open Notepad.
Type in the tags above but DO NOT leave a space between the bracket and the word, make sure the bracket is either
side of the word.
In Notepad, go to File/Save As
In the "Save In" part browse to the folder we created when we started
In the "File Name" part, name your file. For the purposes of the tutorial we are going to call it index.html
Whichever name you choose it MUST end with the suffix .html
In the "File type" part, select "All Files(*.*)"
Hit the Save button. Save your work often, after each page of the tutorial or even after inserting each line of coding.
Before we go any further, open the folder you created and check that you have a file called index.html or whatever
name you chose. Double click on this file and it will open in your browser as a blank page. Obviously blank because we have
not yet put anything on the page.LOL.
Every HTML document has two parts, a HEAD and a BODY. The HEAD section contains the information about
your page. The BODY section contains the actual page content. Enclosing the HEAD and BODY are the HTML tags.
Ok so now we are ready to start creating our graphics page.
This tutorial is copyright © to Topsy 04-06 and remains my property.
Do Not copy it or claim it as your own.