<img>

画像を表示するための要素です。表示させる画像ファイルはsrc属性で指定します。必須ではないですが、表示のレスポンスを上げるためにwidth属性とheight属性は記述することが推奨されています。

ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N3 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

仕様

・構成
要素区分	エンドタグ	ネストできる要素	備考
インライン	なし	なし

・属性
属性名	必須	意味	値
src	○	画像のURL	URL
alt	○	画像表示エラー時の代替テキスト	任意のテキスト
longdesc		画像についての詳細な説明が記述されたURL	URL
width		要素の幅	%かpx
height		要素の高さ	%かpx
usemap		直後にある <map>要素のname属性値
ismap		指定するとサーバーサイドイメージマップ化させる	ismap
name		識別名	任意のテキスト
align		配置位置	top/bottom/left/right
border		枠の表示・非表示	px値
hspace		要素の左右マージン	px値
vspace		要素の上下マージン	px値
class		class名	スタイルシートを設定したclass名
id		id名	スタイルシートを設定したid名もしくは、任意のテキスト
title		説明文	任意のテキスト
style		スタイル	任意のスタイル
lang		言語コード	例(日本語)：ja
dir		読む方向	`rtl` 右から左に読む `ltr` 左から右に読む

・イベント
イベント	仕様
onclick	クリック時に発生
ondblclick	ダブルクリック時に発生
onmousedown	要素上でマウスボタンを押したときに発生
onmouseup	要素上でマウスボタンを離したときに発生
onmouseover	ポインティングデバイスが要素上を通過したときに発生
onmousemove	ポインティングデバイスが要素上で動くと発生
onmouseout	要素の領域から出るときに発生
onkeypress	要素上でキーが押されて、要素から離れたとき発生
onkeydown	要素上でキーが押されたとき発生
onkeyup	要素上で押されたキーを離したとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <img src="../../../../images/development/htmlcss/image.gif" alt="サンプル画像">
  </body>
</html>

表示結果

▲PageTop

<img>

ブラウザ

仕様

サンプル

ソースコード

表示結果

関連項目

HTML

CSS