Top
<AREA>
説明:
イメージマップの領域を指定する
→<MAP>専用
オプション:
SHAPE=”RECT” 長方形の領域を指定する
”CIRCLE” 円の領域を指定する
”POLY” 多角形の領域を指定する
”DEFAULT” その他の領域を指定する
COORDS=”” 座標指定
HREF=”” リンク先を指定する
NOHREE どこにもリンクさせない
※補足
Rectでは、(左上のX座標、左上のY座標、右下のX座標、右下のY座標)
Circleでは、(中心の座標、中心の座標、円の半径)
Polygonでは、(多角形のそれぞれのX,Y座標を順にならべます)
使用例:
<Html>
<Body>
<H2>下の地図をクリックしてください</h2>
<Img Src="map.jpg" Usemap="#mapdata" Border=0>
<Map Name="mapdata">
<Area Shape="Rect" Coords=" 11,62,119,94" Href="mame1.html">
<Area Shape="Circle" Coords=" 162,72,26" Href="mame2.html">
<Area Shape="Polygon" Coords=" 10,24,86,5,86,47,9,25" Href="mame3.html">
<Area Shape="Polygon" Coords=" 116,6,117,44,191,25,117,7" Href="mame4.html">
</Map>
</Body>
</Html>
map.jpg のイメージの中の4つの形つのポイントをクリックすると、
それぞれ別のページに飛ぶようにできます