ソースファイルを開きます。リンクタグを記述します。
<img src="***.***" usemap="$$$"> … イメージファイル***.*** を表示しリンクマップ$$$を使用する<map name="$$$"> 〜 </map> … マップ名の定義<area shape="rect" coords="始点ｘ座標,始点ｙ座標,終点ｘ座標,終点ｙ座標" href="#???"> <area shape="circle" coords="中心のｘ座標,中心のｙ座標,半径" href="#???"> <area shape="polygon" coords="始点ｘ座標,始点ｙ座標,〜,終点ｘ座標,終点ｙ座標" href="#???"> <area shape="default" coords="始点ｘ座標,始点ｙ座標,終点ｘ座標,終点ｙ座標" href="#???"> | ブラウザでの表示 | ソースファイル |
 |
<img src="linkimage.gif" border="1" usemap="#m1"><br> <map name="m1"> <area shape="rect" coords="60,10,100,50" href="#sikaku"> <area shape="circle" coords="30,30,20" href="#maru"> <area shape="polygon" coords="10,100,30,70,80,70,100,100" href="#daikei"> <area shape="default" coords="0,0,110,110" href="#hoka"> </map> |
ソースファイルを上書き保存します。ブラウザで更新し、確認する。