Why don't you:
  
Check your email now:
  
    
  HOME
  BROADBAND
  ABOUT
  CONTACT
  SUPPORT
  SERVICE STATUS
  TUTORIALS
  SEARCH
  WEBMAIL
  LOG OUT
 
  
Creating A Simple Webpage Using HTML

To create a simple webpage you need to understand HTML (Hyper Text Markup
Language). The screen shots below will show you how to create a simple
document.

To create this page, I am using 'Macromedia Homesite 5.0', there are literally
hundreds of editiors currently on the market for both Mac and PC. If you don't have
an editor don't worry because you can use 'Notepad for PC' or 'Simple Text for Mac'
to create your documents.



These are the tags that have to be included within every HTML document you
ever write. You will notice that there is an opening <HTML>, tag and a closing
</HTML>, tag.

The same process applies for the <HEAD>, <TITLE> and the <BODY> tags.
Note: Within HTML almost every opening tag has to be ended by a closing tag.
Type this into your document and move down to the next screen shot, try not to
miss any tags out otherwise your document will not work.



We are going to add some text to our document by using the <FONT> tag. This
tag is not really used within HTML 4 because it has been replaced by 'Style
Sheets' but let's learn to crawl before we walk.

You wil notice that the <FONT> tag has an opening tag and a closing tag, within
the opening tag we have specified what size, type face and colour we want the
text to appear. Use what ever styles you require.

Type this into your document and save it to your desktop as (any_name_you_like.html) then, open it in your browser and see if it works, if
it does not work then you have made an error in your HTML. Note: You have to
use the American spelling of 'Colour' it is spelt 'Color'.



We are now going to center your text (so it appears in the center) using the <DIV ALIGN="CENTER"> tag. Insert the <DIV ALIGN="CENTER"> tag before the opening <FONT> tag and don't forget to close it after the closing </FONT>.

Type this into your document and save it, open it in your browser and click on
'Refresh'. You should notice that the text has moved into the center. If it does not
work then you have made an error in your HTML. Note: You can use align right,
left or center in the <DIV> tag.



We are now going to add a picture to your document using the <IMG SRC> tag.

To create an web image you need to use a graphics package such as 'Photoshop',
it does not matter what kind of package you use but, you must save your image as
a '.gif' or '.jpeg' file. These are the only kind of image you can use within HTML.

When you have created it save it to the same location as your (any_name_you_like.html) file. As you can see, I called my image 'my_first_picture.gif'.

I have also used the <BR> tag here. The <BR> acts as a 'Return', 'Space' or a
'Break', this will put some space between your text that we wrote earlier and the
picture that we've just added.

Type this into your document and save it, open it in your browser and click on
'Refresh'. You should notice that the text now has a picture under it. If it does not
work then you have made an error in your HTML.



We are now going to add some text below the image that we have just put in, simply do as shown in the screen shot. I have used the <BR> tag again to put some space between them as shown before.

Type this into your document and save it, open it in your browser and click on 'Refresh'. You should notice that there is new text below your image. If it does not work then you have made an error in your HTML.



If you have followed every piece of this tutorial with great care, you should have
a document that looks somthing like this when opened in a browser.

Note: If you were to put this page into your free webspace you would need to save
the file as 'index.html'. The first page of any website on the Internet is always called
'index.html'. The spelling of 'index.html' needs to be in lowercase and once pages
are uploaded they become case sensitive.

This is a very simple HTML document and if you created it with ease then there
are plenty of HTML recourse centers on the www, I have listed some of my favorites
below so, if you want to learn more advanced HTML then click on the links below.

www.webreference.com
www.hotwired.com/webmonkey
www.webbedenvironments.com

Click here to learn how to upload your website to your free webspace.