イメージマップを作成する

画像のURL	画像のファイル名　(URL)
マップ名	イメージマップの名称
形状	rect　　(四角形)
	circle　(円)
	poly　　(多角形)
	default (全体)
座標	形状別の座標値　(ピクセル)
リンク先のURL	リンク先のURL
代替テキスト	画像の代わりの役目をするテキスト

ひとつの画像に複数のリンクを設定するときに、イメージマップの機能を使用します。
IMG要素のusemap属性で、定義したイメージマップの名前を指定する(先頭に#をつけます)と、イメージマップとして機能するようになります。
MAP要素のname属性で、その内容がイメージマップの定義であることを示し、その定義部分に名前を付けます。
AREA要素で、実際にクリックに反応する領域とそのリンク先を設定します。
HTML4.01では、AREA要素にはalt属性の指定が必須となっています。
shape属性で指定する形状は4種類あり、それぞれで座標の指定方法が変わります。
しかし、どの座標も、画像の左上をX座標=0，Y座標=0として、そこからの位置をピクセルで指定します。

shape="rect"	形状が四角形の場合 shape="rect" coords="a,b,c,d" 　a：左上のX座標　b：左上のY座標　c：右下のX座標　d：右下のY座標
shape="circle"	形状が円の場合 shape="circle" coords="a,b,c" 　a：中心のX座標　b：中心のY座標　c：半径
shape="poly"	形状が多角形の場合 shape="poly" coords="a,b,c,d,e,f,a,b" (すべての角の座標を「X座標，Y座標」の形で続けて指定し、　最後は最初の座標と同じ値を指定して、多角形を閉じます) 　a：角1のX座標　b：角1のY座標　c：角2のX座標　d：角2のY座標　e：角1のX座標　(最初と同じX座標) 　f：角1のY座標　(最初と同じY座標)

上の画像には、以下のようにリンクを貼っています