Basic Web Page

In this section you will learn how to insert links on your page. Please click here to view the example web page you'll create.

If you view the source code from this example page you will see the following...
(the new code is in blue)

<html>

<head>
 <title>Stephen's Beatles Web Site</title>
</head>

<body bgcolor="#CCFFFF">

 <img src="images/beatles_logo.jpg">

 Stephen's Web Site Dedicated to The Beatles

 <hr>

 This site includes the following information on my favourite ever
band (please click on link below).

 <a href="biography.htm">Biography</a>

 <a href="albums.htm">List of Albums</a>

 <a href="images.htm">Images</a>

 <a href="songs.htm">Favourite Songs</a>

 <hr>

 To email me please click <a href="mailto:[email protected]">here</a>.

</body>

</html>

This code is now explained

<a href="albums.htm">
This should be put before the text that will form the link. As with the picture the file name between the speech marks is the page that will be linked to. In this example the file albums.htm is in the same folder as the home page. Again the tag </a> stops this command.

Other example would be...

<a href="1969/albums.htm"> - this links to the file albums.htm in the sub folder 1969.

<a href = "../albums.htm"> - this links to the file albums.htm in the folder above the base folder.

<a href = "http://www.bbc.co.uk"> - this links to the external web site bbc.co.uk

<a href="mailto:[email protected]">
This should be put before the text that will form an email link. The email address is put between the speech marks. This again is concluded with a </a> tag.

TASK
You now have a good grasp of HTML and can produce a presentable webpage.

Using a web page design package is much easier than writing in source code. Try using FrontPage Express to produce a web page now. You will be able to write the web page "as you see it" but you may also edit the source code by clicking on view and then edit on the menu bar.

To launch FrontPage Express on many computers you may click the Start button at the bottom left of the screen, then click on Programs, Internet Explorer and then FrontPage Express.

Web Tutor

Click here to learn even more.

Click here to learn how to publish your site.

Worth your time