img
- ブラウザ
画像の埋め込み
<img src="" alt="">
文書内に画像を埋め込む要素です。
<p><img src="example.gif" alt="サンプル"></p>
| 属性 | 説明 | 値 | 説明 |
|---|---|---|---|
| 必須属性 | |||
| src | 画像の指定 | URI | 表示する画像のURI |
| alt | 代替テキスト | テキスト | 画像の代わりになるテキスト |
| 任意属性 | |||
| longdesc | 画像を説明した文書へのリンク | URI | 参照先のURI |
| name | 画像の名前 | 文字列 | 固有の識別名 |
| width | 画像の幅 | 数値、% | ピクセル数またはパーセント |
| height | 画像の高さ | 数値、% | ピクセル数またはパーセント |
| usemap | イメージマップの関連付け | #マップ名 | イメージマップの名前（URI） |
| ismap | サーバーサイド・イメージマップ | （ismap） | 値は省略 |
| 非推奨属性 | |||
| align | 垂直方向の位置指定 | top | 上端揃え |
| middle | 中央揃え | ||
| bottom | 下端揃え （初期値） | ||
| フロートの指定 | left | 左フロート | |
| right | 右フロート | ||
| border | 境界線の太さ | 数値 | ピクセル数 |
| hspace | 左右の余白 | 数値 | ピクセル数 |
| vspace | 上下の余白 | 数値 | ピクセル数 |
- longdesc属性は、詳しい説明が必要となる画像（イメージマップ等）で使用します。しかし、この属性に対応しているブラウザは少ないようです。
- name属性の代わりに、id属性を使用することが推奨されています。後方互換性を考慮する場合は、name属性とid属性を同じ値で同時に指定しておきます。
- usemap属性は、クライアントサイド・イメージマップを使用する際に指定します。
- ismap属性は、サーバーサイド・イメージマップを使用する際に指定します。この属性は、値を省略して記述します（XHTMLでは省略不可）。
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
<img src="example.gif" alt="サンプル" width="300" height="100">
