イメージマップの作成
イメージマップは特定の領域をクリックすると指定されたURLにリンクすることができるグラフィックイメージです。イメージ上の領域は図形と座標により定義します。ここではクライアントサイド・クリッカブルマップ(CSIM(Client-Side Image Map))と呼ばれるHTML文書内部に記述方式について説明します。ただし、ブラウザによっては扱うことができない場合があるので注意して下さい。
<IMG src="画像ファイル名"usemap="#マップ名"> <MAP name="マップ名"> |
マップ名を指定する。 | ||||||||||||
<AREA shape="形状" coords="座標" href="リンク先ファイル名" alt="コメント"> | 【形状と座標の記述方法】
【コメント】 指定しなくても構いません | ||||||||||||
</MAP> | <MAP>を閉じます。 |
●座標の記述方法
座 標 |
ソース表示 |
<IMG src="press.gif"usemap="#MAP"> <MAP name="MAP"> <AREA shape="rect" coords="0,0,67,48" href="back.html" alt="戻る"> <AREA shape="circle" coords="88,104,36" href="index.html" alt=ホーム"> <AREA shape="poly" coords="125,12,125,59,173,59,199,35,173,12" href="go.html" alt="すすむ"> </MAP> |