IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <img>

<img>

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


ブラウザ

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

▲PageTop

仕様

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

・属性
属性名 必須 意味
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

関連項目

HTML

<a> / <area> / <map> / <object>


CSS

filter / float / clear

▲PageTop