HTML/XHTML:Linking pages

Introduction
The real strength of HTML is in the Hypertext or linking text. This is where some text (or an image) can be clicked on to link you to another web page. Usually this is shown in a web browser with an underline.

Design
In this activity you will be constructing the following web site
 * index.html
 * cats.html
 * dogs.html
 * mice.html

Where
 * index.html links to cats.html, dogs.html and mice.html
 * cats.html, dogs.html and mice.html link back to the index page

Tip: You can copy one.html (created earlier) to cats.html, dogs.html, and mice.html (so you don't have to type in the basic page tags ).

Creating a home page that links to other pages
1. Copy one.html to cats.html

2. Create a new web page index.html in the same directory as one.html as follows;

Finally allow cats.html to link back to index.html by adding..

Extensions
Try to link and
 * cats.html to mice.html, and
 * dogs.html to cats.html
 * redraw the navigation map shown to show all the linking