Chapter 5. Making Connections with Links

In This Chapter

  • Understanding hyperlinks

  • Building the anchor tag

  • Recognizing absolute and relative links

  • Building internal links

  • Creating lists of links

The basic concept of the hyperlink is pretty common today, but it was a major breakthrough back in the day. The idea is still pretty phenomenal, if you think about it: If you click a certain piece of text (or a designated image, for that matter), your browser is instantly transported somewhere else. The new destination might be on the same computer as the initial page, or it could be literally anywhere in the world.

Any page is theoretically a threshold to any other page, and all information has the ability to be linked. This is still a profound idea. In this chapter, you discover how to add links to your pages.

Making Your Text Hyper

The hyperlink is truly a wonderful thing. Believe it or not, there was a time when you had to manually type in the address of the Web page you wanted to go to. Not so anymore. Figure 5-1 illustrates a page that describes some of my favorite Web sites.

In Figure 5-1, the underlined words are hyperlinks. Clicking a hyperlink takes you to the indicated Web site. Although this is undoubtedly familiar to you as a Web user, a few details are necessary to make this mechanism work:

  • Something must be linkable. There must be some text or other element that provides a trigger for the linking behavior.

  • Things that are links should look like links. This is actually pretty easy to do ...

Get HTML, XHTML, and CSS All-In-One Desk Reference For Dummies® now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.