Free webspace Room
Click to return to Archives
Here we have the very basic code for a webpage.
Dont bother to save
it, its just to show the bare minimum that works.
<html> tells the browser its an html document.
<head> gives browser some information on what
to do More on this section later.
<title>
page title goes here </title>
</head> end of head section.
<body> start of the visual part of
your webpage. all your webpage content goes in here
</body> end of webpage content.
</html> tells browser its the end of html
document.
Next we will start the test pages for you to play
with.
These will be webpages, click the link to see the page, to view
the code select view source in the tool bar, or left click and select from
there.
We will add more code as we go, untill we reach a point
where, you will be able to tackle Ted's manual in the,
" The IDF
Archives", you will find the Archives full of of information to help you
on anything found on IDF50.
How to copy and save these test pages.
Make a new folder in My Documents give it a name of eg:-Testpages.Then copy and paste into Notepad then save as test1.htm to the new folder.
A full How To on saveing and tips is posted in the Free webspace room.
Info and explaination will be found within the test pages.
Here is test 1, click HERE to view the page
Here is test 2, click HERE
to view the page
We have added a "blockquote"
tag, this is an easy way to keep text away from the edge,
of the page
when viewed in browser.
We have also added a "Paragraph tag" this
gives a line break between text paragraphs.
Here is test 3, click HERE
to view the page
In this one we
have added the "document type" saying its a valid html document.
Transitional means the browser can use older html code (backward
looking).
We have also added a "meta tag" saying to the browser this
is the "charset" to use.
We have also used a "heading tag" and
centered the text with the "align=" attibute.
Here is test 4, click HERE
to view the page
As you will see we have added a
border and a color to the background.
The border useing a "style tag"
between the "head tags" and the background color added to the "body tag".
Also added the "br tag" this allows you to break a line of text as in
an address.
Here is test 5, click HERE
to view the page
This is a mixture of font sizes
and colors the explaination is in the page.
OK this is the end of the test pages, we will have a text
only template in isolation that you can use.
Just delete my stuff and
replace it with your own. Peter