イメージマップ

イメージマップ【<img src="～" usemap="～">】

ブラウザで表示した時の見え方

マップ

ソースサンプル

<img src="./img/map.gif" alt="マップ" usemap="#map" border="0">
<map name="map">
<area shape="circle" coords="51,50,44" alt="HOME" href="http://www.aichan.biz/">
<area shape="circle" coords="149,51,44" alt="PROFILE" href="http://x.aichan.biz/">
<area shape="circle" coords="248,51,44" alt="DIARY" href="http://blog.aichan.biz/ai/">
</map>

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

XHTMLBasicでは使用できません。

map
name	名前	イメージマップの名前の指定
属性名	値	機能

area
shape	rect	領域を四角形で指定する場合
	circle	領域を円で指定する場合
	poly	領域を多角形で指定する場合
coords	ピクセル値または%	領域の座標を指定する
alt	テキスト	代替を指定する
href	URL	リンク先を指定する
tabindex	0～32767	Tabキーを押して移動する順番を指定する
accesskey	アルファベット	ショートカットキーを指定する
target	フレームまたはウインドウ名	リンク先を表示させる場所を指定する
属性名	値	機能

coords属性の設定
coords(rect)	ピクセル値	四角形の左上のX座標、左上のY座標、右下のX座標、右下のY座標の順番に指定する
coords(circle)	ピクセル値	円の中心のX座標、中心のY座標、半径の順番に指定する
coords(poly)	ピクセル値	多角形の各頂点の座標をX座標、Y座標の順番に指定する
属性名	値	機能

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > HTML - イメージマップ