FIGURE 5.4 THE CLAUDIUS HTML PAGE

FIGURE 5.4 THE CLAUDIUS  HTML PAGE

If your browser can’t find the file when you click on the link, make sure that the name of the file in the href part of the link tag is the same as the name of the file on the disk, uppercase and lowercase match, and both files are in the same directory. Remember to close your link, using the </a>tag, at the end of the text that serves as the link,. Also, make sure that you have quotation marks at the end of the filename (sometimes you can easily forget) and both quotation marks are ordinary straight quotes. All these things can confuse the browser and prevent  it from finding the file or displaying the link properly. 

CAUTION

Don’t be confused by this issue of case sensitivity. Tags in HTML aren’t caser sensitive (although XHTML 1.0 requires that tags be lowercase). However, filenames refer to files on a web server somewhere, and because web servers often run on operating systems in which filenames are case sensitive (such as UNIX), you should make sure that the case of letters in your links’ filenames is correct.

Now you can create a link from the feeling page back to the menu page. A paragraph at the end of the Claudius. Html page is intended for just this purpose:

<p> go back to main menu</p>

Add the link tag with the appropriate href to that line, such as the following in which menu. Html is the original menu file:

<p><a href=”menu.html”> go back to main menu</a></P>

Nesting tags properly

When you include tags inside other tags, make sure that the closing tag closes the tat that you most recently opened. That is, enter

<p> <a>…</a> </p>

Rather than

<p> <a>…..</p>.. </a>

Some browsers can become confused if you overlap tags in this way, so always makesure that you close the most recently opened tag first.

Now when you reload the Claudius file, the link will be active, and you can jump between the menu and the detail page by selecting those links.