クリッカブルマップを作成することで、画像の中の“特定の図形”にリンクを貼ることができます。
<img src="画像ファイル" alt="" usemap="#マップ名">
<map name="マップ名">
<area shape="図形の形状" coords="座標" href="リンク先のURL" alt="代替文字">
</map>
図形の形状
四角形…rct 円…circle 三角形…poly
上記の画像には以下のような「クリッカブルマップ」を作成しました。
<img src="images/kao.jpg" alt="顔の図形" usemap="#kao">
<map name="kao">
<area shape="rect" coords="48,37,144,120" href="kao.html" alt="四角顔のページへ">
<area shape="circle" coords="272,78,57" href="kao.html" alt="丸顔のページへ">
<area shape="poly" coords="390,35,495,29,420,152" href="kao.html" alt="三角顔のページへ">
</map>