SITEMAP [初めてのホームページ講座] [逆引きHTML] [15.イメージマップ] [2.イメージマップの指定]
HTMLの参考書 スタイルシートの参考書

逆引きHTMLリファレンス

15. イメージマップ

15-2. イメージマップの指定

●タグ <IMG>
●構文 <IMG SRC="xxx" ALT="yyy" USEMAP="zzz">
xxx：画像ファイルのURL
yyy：画像の代替文字（画像表示できない環境で表示、或いは発声など）
zzz：イメージマップの名前（必ず「#」を付けて半角英数で指定）
●説明

イメージマップに使用するために「USEMAP」属性を指定します。 USEMAP属性値には必ず「#」を先頭に付けて、半角英数で名前を指定します。 （この名前をMAP要素で参照し、イメージマップを構成する）

この他にIMG要素には必ず指定しなければならない属性が２つ存在します。 「SRC」「ALT」属性で、それぞれ画像ファイルのURLと、その画像の代替文字を指定しなければなりません。

この他にも、以下のような属性を必要に応じて指定可能です。WIDTH,HEIGHT,BORDER,etc...（殆どHTML4.0非推奨）

●HTML4.0 IMG要素
●サンプル 以下２つの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]
Copyright(C)1999 T.Miyazaki , All Rights Reserved.