Chapter 5. Links, Hotspots, and Web Site Navigation


  • Example Web site

  • Internal links with anchor tags

  • Developing a sample Web site

  • Absolute and relative paths

  • Previous and next links

  • External links

  • Storyboarding

  • Links quick reference

There are two fundamental types of hyperlinks: internal and external. You use internal links to create links to different sections of a single Web page, or links to other documents and sections within a Web site. The following is a snippet of code linking one document to a section of another document (Spr) in the same folder:

<a href="Course20Schedule.htm#Spr">Course

You can also create external links to Internet Web sites other than your own, to e-mail servers, to FTP servers, or to various discussion forums using Usenet groups. To make an e-mail reference, the code would be as follows:

<a href="">

When you add links, the links will show up on the Web page underlined in blue, and the cursor will change from an arrow to a hand to indicate that the link can be clicked. Later in this chapter, you will learn how to manipulate links a bit by changing the default colors. You will also see how to use images as links, as shown in Figure 5-1. These are created the same way as text links; they are merely pictures or icons that you click on.


In Chapter 13, you will learn about other interactive maneuvers

First up in this chapter, however, you will learn how to create an internal link within a document ...

Get Creating Web Sites Bible, Third Edition now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.