HTMLタグ/イメージタグ/画像内に複数リンクを設定する - TAG index

ブラウザ img要素、map要素、area要素、この3つの要素を組み合わせることで、イメージマップを設定することができます。 イメージマップとは、1つの画像内に複数のリンク先を設定できる機能のことです。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area s

[takahiro_kihara]

＃をつけたら動いた。目の付け所がシャープ（鴻海精密工業？）だった。

[kathew]

画像サイズが固定なら使えるが……_〆(･ω･ )

[U1and0]

img src="map.gif" alt="サンプル" usemap="#sample"> ペイントの左下に現れる座標を参考にすると良い

[call_me_nots]

メモ

[rottenk1ta]

画像内にリンクはりたいとき

[chisatoman]

イメージマップ

[takyume]

まず、イメージマップに使用する画像を用意して、それをimg要素で読み込みます。 map要素に name="" を追加して、任意のマップ名（半角英数字）を指定します。 img要素に usemap="" を追加して、2. で指定したマップ名をハッシ

[kisato_mii]

1つの画像内に複数のリンク先を設定できる機能　

[gothedistance]

HTMLでこんなタグがあるんだ。はぁ～。ソース嫁ってことだなー

[my_shun]

イメージマップの使い方