SITEMAP [初めてのホームページ講座] [逆引きHTML] [15.イメージマップ] [3.マップデータの作成]

逆引きHTMLリファレンス

15. イメージマップ

15-3. マップデータの作成

●タグ

<MAP>

●構文

xxx	：イメージマップの名前（IMG要素で指定したUSEMAPの名前）

●説明

一般的にIMG要素のUSEMAP属性値を参照し、イメージマップを構成します。 AREA要素をこのMAP要素の中に入れ込みます。イメージマップを構成する最も基本となるタグです。

USEMAP属性値には「#」を付けて名前を指定しますが、ここでのNAME属性では「#」は必要ありません。

●HTML4.0

MAP要素

●サンプル

以下２つのHTMLファイルと画像ファイルで構成（実際に表示）

「15-01-1.html」

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>イメージマップ</TITLE>
</HEAD>
<BODY>
	<IMG SRC="imagemap.gif" ALT="メニュー" BORDER="0" WIDTH="150" HEIGHT="270" USEMAP="#menu">
	<MAP NAME="menu">
		<AREA SHAPE="rect" COORDS="7,7,143,60" HREF="15-01-2.html">
		<AREA SHAPE="circle" COORDS="75,105,35" HREF="15-01-2.html">
		<AREA SHAPE="polygon" COORDS="7,170,143,170,143,210,70,260,7,210" HREF="15-01-2.html">
	</MAP>
</BODY>
</HTML>

「15-01-2.html」

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<HTML>
<HEAD>
	<TITLE>イメージマップ</TITLE>
</HEAD>
<BODY>
	<A HREF="15-01-1.html">戻る</A>
</BODY>
</HTML>

[Go To Top]