Images in Links

<a href="http://ridgewater.net"><img src="righthand2.gif" width="100" height="54" alt="Go Home"/>Go Home</a>

Go Home

Image Map

Your browser has to determine the actual mapping based on the map information given in the html code.

Wikipedia article on image maps.

 

<img src="12345L.png" usemap="#12345L" alt="" width="150" height="25">

<map name="12345L">
<area shape="rect" coords="0,0,25,25" href="../week1/index.html" alt="" title="Week 1">
<area shape="rect" coords="25,0,50,25" href="../week2/index.html" alt="" title="Week 2">
<area shape="rect" coords="50,0,75,25" href="../week3/index.html" alt="" title="Week 3">
<area shape="rect" coords="75,0,100,25" href="index.html" alt="" title="Week 4">
<area shape="rect" coords="100,0,125,25" href="../week5/index.html" alt="" title="Week 5">
<area shape="rect" coords="125,0,150,25" href="index.html" alt="" title="Lab Assignment">
</map>