[PR]薬用プロアクティブ公式サイト:実力派にきびケア、60日間返金保証

<IMG>

とほほのWWW入門 > HTMLリファレンス > <IMG>

【概要】

形式<IMG SRC="...">
サポートH2〜H4(S)〜 / e2〜 / N2〜 / i1
タグの省略開始タグ:必須、終了タグ:無し

【説明】

IMGはIMaGe(画像)の略です。SRC属性で指定した画像ファイルを表示します。画像ファイルは、一般的にはGIF形式(*.gif)やJPEG形式(.jpg)のものを使用します。

画像を表示できないブラウザや、文字は音声に変換して読めても画像を見ることのできない人のために、<IMG>タグにはALT属性を極力指定するようにしましょう。(HTML4.01では、ALT属性が必須と定義されています。)

HEIGHTとWIDTH属性も極力指定するようにしましょう。これらを指定しないと、ブラウザはすべての画像を読み込まないとページを表示できないことがあるので、体感的な表示速度が極めて遅くなってしまいます。

画像をクリックするとジャンプするようにするには次のようにします。BORDER=0を指定しないと画像の周りに枠線が表示されてしまいます。また、<IMG>タグの前後にスペースや改行やあると、画像の前後に小さな下線が表示されてしまうことがあります。

<A HREF="xxx.htm"><IMG
SRC="image/xxx.gif" HEIGHT=10 WIDTH=10 BORDER=0
ALT="XXX"></A>

【属性】

【重要属性】
属性意味
SRC=urlH2-H4(S:必須)/e2/N2/i1。表示する画像ファイルを指定します。一般的にはGIF(.gif)またはJPEG(.jpg)ファイルを指定します。これは必須の属性です。
ALT=altH2-H4(S:必須)/e2/N2/i1。画像の代わりに表示される文字列を指定します。画像を表示できない(表示しない)ブラウザを考慮し、HTML4.01では必須の属性として定義されています。
HEIGHT=nH3-H4(S)/e2/N2/i1。画像の高さをピクセルまたはパーセンテージで指定します。
WIDTH=nH3-H4(S)/e2/N2/i1。画像の横幅をピクセルまたはパーセンテージで指定します。

【固有属性】
属性意味
ALIGN=alignH2-H4(T)/e2/N2/i1。表示位置を指定します。
BORDER=nH3-H4(T)/e2/N2/i1。画像の周りの枠線をピクセルで指定します。画像を<A HREF="...">〜</A>で囲むと自動的に枠線が表示されますが、BORDER=0 とすればこれを消すことができます。
HSPACE=nH3-H4(T)/e2/N2/i1。画像の周りの横方向の余白をピクセル単位で指定します。
LONGDESC=urlH4(S)。このフレームに対する説明がTITLE属性で示せないくらい長文の場合に、その説明ページのURLを指定します。
LOWSRC=urle4/N2。画像が表示されるまでのいらいらを解消するために、転送中はLOWSRCで指定した荒い(サイズの小さい)画像を表示し、転送がすべて完了した時点でSRCで指定した通常の画像を表示するようにします。
SUPPRESS=suppressN4。suppressは抑圧という意味です。省略時の値はFALSEですが、TRUEを指定すると、画像のダウンロード中に、代替えアイコンの代わりにツールチップが表示されるようになります。
VSPACE=nH3-H4(T)/e2/N2/i1。画像の周りの縦方向の余白をピクセル単位で指定します。

【クリッカブルマップ関連属性】
属性意味
ISMAPH2-H4(S)/e2/N2。サーバーサイドクリッカブルマップを実現する際に用います。
USEMAP=usemapH3-H4(S)/e2/N2。クライアントサイドクリッカブルマップを実現するために用います。<MAP>を参照してください。

【動画関連属性】
属性意味
CONTROLSe2〜e3。動画の下部に再生制御用のコントロールを表示します。IE4.0では廃止されました。
DYNSRC=urle2。動画ファイル(*.avi)を指定します。<EMBED><OBJECT>タグもありますので、現在ではあまり利用されていません。
LOOP=ne2。再生回数を指定します。LOOP=infiniteを指定すると無限に繰り返します。
START=starte2。fileopenを指定するとページを表示するとすぐに再生が始まります。mouseoverを指定するとマウスが動画の上にきた時点で再生が始まります。

【データバインド関連属性】
属性意味
DATAFLD=dataflde4。データバインド機能を用いる際の、データソースの列名を指定します。
DATASRC=datasrce4。データバインド機能を用いる際の、データソースのIDを指定します。

【一般属性】
属性意味
CLASS=classH4(S)/e4/N4。クラスを指定します。
DIR=dirH4(S)。文字の表示方向を指定します。
ID=idH4(S)/e3/N4。IDを指定します。
LANG=langH4(S)/e4。言語を指定します。
LANGUAGE=languagee4。スクリプト言語を指定します。
NAME=nameH4(S)/e4/N3。名前を指定します。
STYLE=styleH4(S)/e3/N4。スタイルシートを指定します。
TITLE=titleH4(S)/e4。タイトルを指定します。

【使用例】

HTMLソース
<IMG SRC="image/xxx.gif" ALT="イラスト2" WIDTH=100 HEIGHT=100>

ブラウザ表示例
イラスト2

Copyright (C) 1996-2000 とほほ
初版:2000年10月9日 最終更新:2000年10月14日
http://tohoho.wakusei.ne.jp/html/img.htm
[PR]あなたの運命、占います:新宿の母公式サイト315円