VirtualMV/HTML/Basic/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

In-page hyperlink (bookmark)
In very large documents, it is common to place an index at the top of the page that jumps to a position in the page. Also within the page a -to top - jump is provided. 

So the #stuff indicates which anchor the link is to go to. If you want to go from one web page and hyperlink to am inpage link of another web page, you can add the # anchor to the URL in the hyperlink e.g. http://www.xyz.com/#inpagelink