img要素 - 画像の表示
当ページのリンクには広告が含まれています。
スポンサーリンク
ここでは HTML5 の img要素についてみていきます。
img要素の概要
img要素は、ドキュメントに画像を表示するために追加います。
| カテゴリー |
フロー・コンテンツ フレージング・コンテンツ エンベディッド・コンテンツ |
| コンテンツモデル | 空 |
| 利用場所 | フレージング・コンテンツが置ける場所 |
コンテンツ属性
| 属性 | 概要 |
|---|---|
| alt | 画像が利用できない場合の代替テキストを指定 |
| src | 必須属性 画像のURLを指定 |
| usemap | イメージマップに使う名前を指定 |
| ismap | サーバーサイドのイメージマップであることを示す（値は省略） |
| width | 画像の横幅を指定（ピクセル） |
| height | 画像の縦幅を指定（ピクセル） |
使用例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>img要素</title> </head> <body> <h1>img要素</h1> <section> <h2>img要素の概要</h2> <p>img要素を使って、HTMLドキュメントに画像を表示します。</p> <p><img src="img/nobana-01.png" alt="近所の野花" width="620" height="414" /></p> <p>src属性で画像のURLを、alt属性で画像が利用できない場合の代替テキストを、width/height属性で画像の横幅/縦幅を指定します。</p> </section> </body> </html>
表示
スポンサーリンク
スポンサーリンク