Creating a Website: The Missing Manual, 4th Edition

Chapter 6. Linking Pages

So far in this book, you’ve worked on individual web pages. While creating a single page is a crucial first step in building a site, sooner or later you’ll want to wire several pages together so a web trekker can easily jump from one page to another. After all, linking is what the Web is all about.

It’s astoundingly easy to create links—officially called hyperlinks—between pages. In fact, all it takes is a single element, called the anchor element. Once you master this bit of HTML, you’re ready to start organizing your pages into separate folders and transforming your humble collection of standalone documents into a full-fledged site.

Understanding the Anchor

In HTML, you use the anchor element, <a>, to create a link. When a visitor clicks the link, her browser opens the associated page.

The anchor element is a straightforward container element. It looks like this:

<a>...</a>

You put the text a visitor clicks inside the anchor element:

<a>Click Me</a>

The problem with this link is that, as written above, it doesn’t point anywhere. To turn it into a fully functioning link, you need to supply the address of the destination page using the href attribute (which stands for hypertext reference). For example, if you want a link to take a reader to a page named LinkedPage.htm, you create this link:

<a href="LinkedPage.htm">Click Me</a>

For this link to work, the LinkedPage.htm file has to reside in the same folder as the web page that contains the Click Me link. (You’ll learn ...