spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / html / tutorials / 27 / 2

index12345678

Tutorial 27: The Care and Feeding of Hyperlinks, Part III

Developer News
Microsoft Shows Off Silverlight 4, IE9 Plans
Metasploit Expands Vulnerability Test Framework
HyperCard Reborn?

Putting it into practice

Let's start with a pretty idealized example: A page in a book that is published online. Let's assume we're in page 3, chapter 21, section B in the book. This book will probably be presented in a hierarchical tree structure, with a home page at the top, then several sections, which are subdivided into chapters, which are themselves subdivided into pages. In addition, we have a table of contents, an index, a glossary, a copyright notice and a page assisting users in reading the book. The diagram below illustrates this structure.

This chart shows the structure of a Web site containing  the full text of a book. The green boxes indicate pages, while the  blue lines show the navigation links that start from the  highlighted page.
This chart shows the structure of a Web site containing the full text of a book. The green boxes indicate pages, while the blue lines show the navigation links that start from the highlighted page. [Full-sized image]

Putting these links into HTML form, we come up with something like the following:

<LINK REL="Next" HREF="./page4"
 TITLE="MORONS in Action - Chapter 21, Page 4">
<LINK REL="Prev" HREF="./page2"
 TITLE="MORONS in Action - Chapter 21, Page 3">
<LINK REL="Start" HREF="./page1"
 TITLE="MORONS in Action - Chapter 21, Page 1">
<LINK REL="Up" HREF="./"
 TITLE="MORONS in Action - Chapter 21, Introduction">
<LINK REL="Chapter" HREF="./"
 TITLE="MORONS in Action - Chapter 21, Introduction">
<LINK REL="Home" HREF="../../"
 TITLE="MORONS in Action - Home">
<LINK REL="Contents" HREF="../../contents"
 TITLE="MORONS in Action - Table of Contents">
<LINK REL="Section" HREF="../"
 TITLE="MORONS in Action - Section B">
<LINK REL="Index" HREF="../../index"
 TITLE="MORONS in Action - Index">
<LINK REL="Glossary" HREF="../../glossary"
 TITLE="MORONS in Action - Glossary">
<LINK REL="Help" HREF="../../help"
 TITLE="MORONS in Action - How to Use this Book">
<LINK REL="Copyright" HREF="../../legalese"
 TITLE="MORONS in Action - Copyright and legal notices">
<LINK REL="Author" HREF="arnold@acme.com"
 TITLE="Arnold Propellerhead, Author">

index12345678

Next Page...

http://www.internet.com/

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Rolling Out Your Own HTML Application Version Control · HTML 5: Client-side Storage · Working with Ajax Server Extensions
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Wi-Fi Product Watch, November 2009 · Chip Market Recovering From '08 Collapse · Low-Cost Tools to Kickstart Your New Business

URL: http://www.webreference.com/html/tutorial27/2.html

Produced by Stephanos Piperoglou
Created: October 31, 2000
Revised: November 1, 2000