- Linking to Another Web Page
- Linking Between Your Own Pages
- Addressing Web Pages
- Opening a Link in a New Browser Window
- Summary
- Q&A
- Workshop
This chapter is from the book
This chapter is from the book
This chapter is from the book
Linking Between Your Own Pages
One exception to the rule earlier about needing to include http:// before each address specified in the href attribute is when you're dealing with links between files on the same computer or Web server. When you create a link from one page to another page on the same computer, it isn't necessary to specify a complete Internet address. In fact, if the two pages are stored in the same folder, you can simply use the name of the HTML file:
<a href="pagetwo.htm">click here to go to
page 2.</a>
As an example, Listing 3.2 and Figure 3.3 show a quiz page with a link to the answers page in Listing 3.3 and Figure 3.4. The answers page contains a link back to the quiz page. Because the page in Listing 3.2 links to another page in the same directory, the filename can be used in place of a complete address.
Listing 3.2 Linking to Another Page in the Same Directory
<html> <head><title>History Quiz</title></head> <body> <h1>History Quiz</h1> <p>Complete the following rhymes. (Example: William the Conqueror played cruel tricks on the Saxons in... ten sixty-six.)</p> <p>1. Columbus sailed the ocean blue in...<br /> 2. The Spanish Armada met its fate in...<br /> 3. London burnt like rotten sticks in...<br /> 4. Tricky Dickie served his time in...<br /> 5. Billy C. went on a spree in...</p> <p><a href="answers.htm">Click here for answers.</a></p> </body> </html>
Listing 3.3 This Is the answers.htm file; Listing 3.2 Is quizzer.htm, to Which This Page Links Back
<html <head><title>History Quiz</title></head> <body><h1>History Quiz Answers</h1> <p>1. ...fourteen hundred and ninety-two.<br /> 2. ...fifteen hundred and eighty eight.<br /> 3. ...sixteen hundred and sixty-six.<br /> 4. ...nineteen hundred and sixty-nine.<br /> 5. ...nineteen hundred and ninety-three.</p> <p><a href="quizzer.htm">Click here for the questions.</a></p> </body> </html>
){kind=small}
Figure
3.3 This is the quizzer.htm file listed in Listing 3.2 and referred
to by the link in Listing 3.3.
){kind=small}
Figure
3.4 Click here for answers in Figure
3.3 takes you here. Click here for the questions takes you back
to Figure 3.3.
Using filenames instead of complete Internet addresses saves you a lot of typing. More importantly, the links between your pages will work properly no matter where the group of pages is stored. You can test the links while the files are still on your computer's hard drive. You can then move them to a computer on the Internet, or to a CD-ROM or DVD disk, and all the links will still work correctly. There is nothing magic about this simplified approach to identifying Web pages—it all has to do with Web page addressing, which you learn about next.
NOTE
At the 24-Hour HTML Café, you'll find some fun sample pages demonstrating hypertext links, including a tour of Indigestible Ingestibles Research sites on the Internet and a light-hearted literary history quiz. These intriguing pages can be found, along with the other examples from this hour, at http://www.24hourhtmlcafe.com/hour3/.