●画像上にリンクを設定(クリッカブルマップ)

<img src="イメージのファイル名" usemap="#マップ名">
□イメージをクリッカブルマップに定義する
usemap属性には#(シャープ)に続いて参照するクリッカブルマップ名を指定します
<map name="マップ名"> </map>
□クリッカブルマップを作成
map要素とname属性とでセットで使用
name属性でクリッカブルマップ名を指定します
<ares shape="領域の形状" coords="領域の座標" href="リンク先のファイル名">
□クリッカブルマップのリンクの詳細を指定
shape属性で形状を指定、rect(長方形)circ(円)poly(多角形)のいずれかを指定します。
coords属性ではリンク領域の座標を指定します。

<img scr="イメージのファイル名" usemap="#マップ名">
<map name="マップ名">
<area shape="リンク領域の形状" coords="リンク領域の座標" href="リンク先のファイル名">


</map>

僕たちの名前を知っていますか?








顔をクリックすると、答えが表示されるよ。




<html>
<head>
<title></title>
</head>
<body bgcolor="#669999" text="#ffffff">
<center>
<p>僕たちの名前を知っていますか?</p>
<img src="images/question.jpg" border="0" usemap="#quiz">
<map name="quiz">
<area shape="rect" coords="38,27,114,96" href="リンク1">
<area shape="circ" coords="212,64,42" href="リンク2">
<area shape="poly" coords="295,28,395,27,329,114" href="リンク3">
</map>
<p>顔をクリックすると、答えが表示されるよ。</p>
</center>
</body>
</html>