Chapter 6. Links and Webs
6.3.1.2. The href attribute
<html>
<body>
The <a href=”http:growing_season.html”>growing
season</a> for kumquats in the Northeast.
<ul>
<li><a href=”pruning_tips.html”>
<img src=”pics/new.gif” align=center>
New pruning tips!</a>
<p>
<li><a href=”xhistory.html”>
<img src=”pics/new2.gif” align=center>
Kumquats throughout history</a>
</ul>

</body>
</html>

6.3.1.3. The name and id attributes

<html>
<body>
<h2><a name=”Pruning”>Pruning Your Kumquat Tree</a></h2>
<h2 id=”Pruning”>Pruning Your Kumquat Tree</h2>
<a href=”growing_guide.html#Pruning”>PRUNING</a>
</body>
</html>

6.3.1.4. The event attributes
<html>
<body>
<a href=”http://www.ora.com/kumquats/homecooking/recipes.html#quat5&#8243;
onMouseOver=”status=’A yummy recipe for kumquat soup.’; return true;”>
<img src=”pics/bowl.gif” border=0>
</a>
</body>
</html>

6.3.1.5. The rel and rev attributes
<html>
<body>
<a href=”marqueehw.html” rel=next rev=prev>hrefhs
</a>
</body>
</html>

6.3.1.9. The title attribute
<html>
<body>
<a href=”MMM.jpg”
title=”A photograph of the Noble Fruit”>image
</a>
</body>
</html>

6.3.3. Linking Within a Document
<html>
<body>
<h3><a name=”Section_7″>Section 7</a></h3>
[43]We prefer the id way, although not all browsers support it, yet.
<h3 id=”Section_7″>Section 7</h3>
See <a href=”index.html#Section_7″>Section 7</a>
for further details.

<h3>Table of Contents</h3>
<ol>
<li><a href=”#soil_prep”>Soil Preparation</a>
<li><a href=”#dig_hole”>Digging the Hole</a>
<li><a href=”#planting”>Planting the Tree</a>
</ol>

<h3 id=soil_prep>Soil Preparation</h3>

<h3 id=dig_hole>Digging the Hole</h3>

<h3 id=planting>Planting the Tree</h3>

</body>
</html>

6.4.1. Lists of Links
<html>
<body>
<p>
Kumquat-related documents include:
<ul>
<li>A concise guide to <a href=”kumquat_farming.html”>
profitable kumquat farming</a>,
including a variety of business plans, lists of fruit
packing companies, and farming supply companies.
<li>101 different ways to <a href=”kumquat_uses”>
use a kumquat</a>, including stewed kumquats and kumquat pie!
<li>The kumquat is a hardy tree, but even the greenest of
thumbs can use a few <a href=”news:alt.kumquat_growers”>
growing tips</a> to increase
their yield.
<li>The business of kumquats is an expanding one, as
shown by this 10 year overview of the
<a href=”http://www.oreilly.com/kumquat_report/”&gt;
kumquat industry</a>.
</ul>
</body>
</html>

6.5.5. A Client-Side Image Map Example
<html>
<body>
<a href=”MMM.jpg”
title=”A photograph of the Noble Fruit”>image
</a>
</body>
</html>

655

6.5.6. Handling Other Browsers
<html>
<body>
<a href=”main.html”>
<img src=”pics/map.gif” ismap usemap=”#map1″>
</a>

<map name=”map1″>
<area coords=”0,0,49,49″ href=”main.html#link1″>
<area coords=”50,0,99,49″ href=”main.html#link2″>
<area coords=”0,50,49,99″ href=”main.html#link3″>
<area coords=”50,50,99,99″ href=”main.html#link4″>
</map>
To make an image map backward-compatible with all image map-capable browsers, you may also include client-side and server-side processing for the same image map. Capable browsers will honor the faster client-side processing; all other browsers will ignore the usemap attribute in the <img> tag and rely upon the referenced server process to handle user selections in the traditional way. For example:

<a href=”/cgi-bin/images/map.proc”>
<img src=”pics/map2.gif” usemap=”#map2″ ismap>
</a>

<map name=”map2″>
<area coords=”0,0,49,49″ href=”link1.html”>
<area coords=”50,0,99,49″ href=”link2.html”>
<area coords=”0,50,49,99″ href=”link3.html”>
<area coords=”50,50,99,99″ href=”link4.html”>
</map></body>
</html>

656

6.6.1. The <isindex> Tag (Deprecated)
<html>
<body>
<title>Kumquat Advice Database</title>
<base href=”cgi-bin/quat-query”>
<isindex>
</head>
<body>
<h3>Kumquat Advice Database</h3>
<p>
Search this database to learn more about kumquats!
</body>
</html>

661