イメージマップを作ってみよう W3C の仕様書のサンプル画像をそのまま使って説明します。 4つの図形にロールオーバーするとカーソルが変化し、リンク領域であることがわかります。 (リンク先はどれも、このページを指定しています) これは画像を<img>要素で表示しています。 HTMLはこちら。img要素でのイメージマップです。 <p> <img src="shapes.gif" width="525" height="150" usemap="#shapes" alt=""> <map name="shapes"> <area shape=rect coords="50,50,100,100"> <!-- (赤い四角の真ん中の穴) --> <area shape=rect coords="25,25,125,125" href="#" alt="Red"> <area shape=circle