Image: IMG SRC
記述形式
<IMG SRC="
URL
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
使用方法
画像を貼り付けるときに使用します。
基本的にHomePageで扱える画像形式は .gif と .jpg (.jpeg) です。
使用例
<IMG SRC="globe.gif">
option attribute
※ 灰色で示したタグはHTML4.0では採用されていないブラウザ固有のタグです。
画像を表示できないブラウザへの配慮
<IMG SRC="
URL
" ALT="
comment
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
「画像を表示できない」または「画像を表示させないように設定している」 ブラウザを使っている人のために画像の代わりにテキストを表示させるのが エチケットです。
画像の大きさを指定する(廃止予定)
<IMG SRC="
URL
" WIDTH="
num
" HEIGHT="
num
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
画像の幅と高さをピクセル数、またはパーセンテージ(%)で指定します。
パーセンテージで指定するとブラウザサイズに対してのパーセント表示に なりますので注意しましょう。
画像の横に表示されるテキストの位置を指定する(廃止予定)
<IMG SRC="
URL
" ALIGN="top | middle | bottom">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
画像の横に複数行のテキストを表示(廃止予定)
<IMG SRC="
URL
" ALIGN="left | right">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
画像 横のテキストを終了させたい場合は、テキストの後に
<BR CLEAR="all">
を使います。
上手く使うとこのように画像と画像の間にテキストを挿むこともできます。
使い方はご自分でチャレンジして下さい。
# ソースを見れば解かるんだけどね(^^;
画像の左右マージンを設定する(廃止予定)
<IMG SRC="
URL
" HSPASE="
num
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
画像の上下マージンを設定する(廃止予定)
<IMG SRC="
URL
" VSPASE="
num
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
画像の枠線の太さを指定する(廃止予定)
<IMG SRC="
URL
" BORDER="
num
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
クライアントサイド・イメージマップの定義を表す
<IMG SRC="
URL
" USEMAP="
name
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
サーバサイド・イメージマップの定義を表す
<IMG SRC="
URL
" ISMAP="
name
">
[ NN2,3,4,6,7 | IE2,3,4,5,6 ]
画像の内容を解説したページを指定する
<IMG SRC="
URL
" LONGDESC="
リンク先URL
">
[ nothing ]
複数のタグで同一の名称(例えばHEAD部のCSS要素)を使用する
<IMG SRC="
URL
" CLASS="
name
">
[ NN6,7 | IE3,4,5,6 ]
画像に名称を付ける
<IMG SRC="
URL
" ID="
name
">
[ NN6,7 | IE4,5,6 ]
スタイル属性を定義する
<IMG SRC="
URL
" STYLE="
property
">
[ NN6,7 | IE3,4,5,6 ]
タグに付加的情報をつける
<IMG SRC="
URL
" TITLE="
comment
">
[ NN6,7 | IE4,5,6 ]
ALTで指定したテキストの言語を指定する
<IMG SRC="
URL
" ALT="
comment
" LANG="
language
">
[ IE4,5,6 ]
ALTで指定したテキストの読み方向を指定する
<IMG SRC="
URL
" ALT="
comment
" DIR="
ltr
|
rtl
">
[ nothing ]
データ量の多い画像を使用する場合、プレ画像を事前に表示させる
<IMG SRC="
URL
" LOWSRC="
URL
">
[ NN2,3,4,6,7 ]
画像に名称を付け、JavaScript から呼び出す
<IMG SRC="
URL
" NEME="
name
">
[ NN3,4,6,7 | IE4,5,6 ]
画像の読み込み時におけるツールチップの表示/非表示
<IMG SRC="
URL
" SUPPRESS="
true
|
false
">
[
NN4
nothing ]
画像をクリックしたときにスクリプト処理を行う
<IMG SRC="
URL
" onClick="
処理
|
関数名
">
[ NN6,7 | IE4,5,6 ]
画像をダブルクリックしたときにスクリプト処理を行う
<IMG SRC="
URL
" onDblclick="
処理
|
関数名
">
[ NN6,7 | IE4,5,6 ]
画像の上でマウスのキーを押し下げたときにスクリプト処理を行う
<IMG SRC="
URL
" onMousedown="
処理
|
関数名
">
[ NN6,7 | IE4,5,6 ]
画像の上でマウスのキーを上げた(元に戻した)ときにスクリプト処理を行う
<IMG SRC="
URL
" onMouseup="
処理
|
関数名
">
[ NN6,7 | IE4,5,6 ]
マウスポインタが画像の上に載ったときにスクリプト処理を行う
<IMG SRC="
URL
" onMouseover="
処理
|
関数名
">
[ NN6,7 | IE4,5,6 ]
マウスポインタが画像から外れたときにスクリプト処理を行う
<IMG SRC="
URL
" onMouseout="
処理
|
関数名
">
[ NN6,7 | IE4,5.6 ]
マウスポインタが画像の上で移動しているときにスクリプト処理を行う
<IMG SRC="
URL
" onMousemove="
処理
|
関数名
">
[ NN6,7 | IE4,5,6 ]
画像の上でキーボードのキーを押し下げたときにスクリプト処理を行う
<IMG SRC="
URL
" onKeydown="
処理
|
関数名
">
[ IE5,6 ]
画像の上でキーボードのキーを上げた(元に戻した)ときにスクリプト処理を行う
<IMG SRC="
URL
" onKeyup="
処理
|
関数名
">
[ IE5,6 ]
画像の上でキーボードのキーを押し下げた状態のときにスクリプト処理を行う
<IMG SRC="
URL
" onKeypress="
処理
|
関数名
">
[ IE5,6 ]
用途不明の option attributes
<IMG DYNSRC="
URL
">
[ IE3,4,5 ]
<IMG START="
name
">
[ IE3,4,5 ]
<IMG LOOP="
?
">
[ IE3,4,5 ]
<IMG CONTROLS="
?
">
[ IE3,4,5 ]
<IMG VRML="
comment
">
[ IE3,4,5 ]