IMG

IMG / 埋め込み画像(embedded image)

対応

分類

開始タグ

要

終了タグ

無し

コンテント要素

無し

親エレメント

但しPREを除く

共通アトリビュート

event、i18n

解説

画像を埋め込みます。使用できる画像はGIF、JPG、PNGです。一般的にはGIFを、写真などの場合はJPGを使用します。

オプション

オプション	値	説　　　　明
SRC	URI	画像ファイルのURLを指定します。必須です。
ALT	Text	テキストのみ表示される時に画像の代わりに表示される文字列を指定します。必須です。
LONGDESC	URI	TITLE属性の説明を補足する長い説明のあるURLを指定します。
HEIGHT	Length	画像の縦幅を指定します。
WIDTH	Length	画像の横幅を指定します。
NAME	CDATA	スタイルシートやスクリプト言語から参照するために名前を付けます。特定のものを参照するにはID属性を使いましょう。
USEMAP	URI	MAP要素で定義されるクライアントサイド・イメージマップの名前を指定します。
ISMAP	(ismap)	サーバーサイド・イメージマップを使用する時に指定します。
ALIGN	(top\|middle\|bottom\|left\|right)	テキストの回り込みを指定します。 top：画像の上端にテキストの上端をあわせます。 middle：画像の中央にテキストをあわせます。 bottom：画像の下端にテキストの下端をあわせます。（標準） left：画像は左に表示され、右側に文字が回りこみます。は未対応 right：画像は右に表示され、左側に文字が回りこみます。は未対応
BORDER	Pixels	リンク枠線の幅を指定します。
HSPACE	Pixels	左右の余白を指定します。
VSPACE	Pixels	上下の余白を指定します。
CLASS	CDATA	クラス名を指定します。
ID	ID	IDを指定します。同じ文書内で同じIDは付けられない。
STYLE	StyleSheet	CSSスタイルシートを設定します。
TITLE	Text	内容を設定します。IEでは、マウスを近づけたときにバルーンでその内容が表示されます。

使用例

ソース

<P><A HREF="#pagetop"><IMG SRC="../img/glb.gif" ALIGN="right" WIDTH="175" HEIGHT="90" ALT="map" TITLE="世界地図です。" BORDER="0"></A>ALIGN="right"なのでテキストは左側に回り込みます。画像をクリックすると先頭へジャンプします。</P>

と記述すると

表示＆操作

ALIGN="right"なのでテキストは左側に回り込みます。画像をクリックすると先頭へジャンプします。

と表示されます。

注意点

WIDTHとHEIGHT属性は必須ではありませんが、必ず指定しましょう。（表示が速くなります。）
ALTはその画像の説明文ではありません。その画像が絵として表現している情報を書きましょう。画像が単なる飾りであればALT=""としてもかまいません（文字列無しの指定もOK）。また、アクセントであればALT="★"のようにすれば良いでしょう。
回り込み解除はBRエレメントで指定します。
画像ファイルの拡大縮小はピクセルで指定しましょう。
リンク枠線を消すには、BORDER="0"を指定します。（

以降

、

以降は、STYLE="border-style:none;"でも消えます。）
１枚の画像に複数のリンクスポットを設けるにはクライアントサイド・イメージマップ（クリッカブルマップ）を使用します。詳しくはAREAエレメントを参照して下さい。

pokochan@mx1.tees.ne.jp