画像内リンク <img src="画像名">｜HTML辞典｜HTMLタグ・CSS

画像タグに書かれている 「usemap」 と マップタグに書かれている「name」 を同じ名前にして下さい。ここを同じにすることで関連づけることができます。

上の画像タグ部分で指定している img/usemap.gif の 「img」 はフォルダ、「usemap」 はファイル名、「.gif」 は画像の種類（拡張子）です。

• 「rect」 画像内のリンクを四角形で指定する。
• 「circle」 画像内のリンクを円で指定する。
• 「poly」 画像内のリンクを多角形で指定する。

• 「rect」 coords="横,縦,横,縦,横,縦,横,縦" のように、１点ずつ横と縦の座標を指定していきます。４角形なので４点分の指定が必要になります。
  　例 ： coords="28,24,138,134"
• 「circle」 coords="円中の縦,円中の横,円の半径" のように座標を指定します。要するに円の中心を座標で選んで半径を指定します。
  　例 ： coords="230,125,58"
• 「poly」 coords="横,縦,横,縦,横,縦,横,縦,横,縦,横,縦" のように、必要な点の数だけ座標を指定していきます。
  　例 ： coords="308,65,370,65,370,32,426,82,370,128,370,98,308,98"