img要素

img要素は、ドキュメントへ画像を埋め込む要素。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ、エンベディッド・コンテンツ、パルパブル・コンテンツ、フォーム関連要素。
usemap属性を指定した場合、インタラクティブ・コンテンツ。
コンテキスト エンベディッド・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル 空。
属性 グローバル属性。
必須属性：src属性。
任意属性：alt属性、crossorigin属性、usemap属性、ismap属性、width属性、height属性。
ブラウザ対応

構文

<img src="URL">

必須属性であるsrc属性に、画像のURLを指定する。

要点

  • img要素は、ドキュメントへ画像を埋め込む要素である。
  • ドキュメントに画像を表示させることができる。
  • ウェブドキュメントでよく使われる画像ファイル形式は、主に、PNG、JPG、GIFである。

属性

必須属性

属性 説明
src属性 埋め込む画像のURLを指定する属性。

任意属性

属性 説明
alt属性 画像を読み込めなかったときに使用する、代替テキストを指定する属性。
crossorigin属性 CORSリクエストを設定する属性。
usemap属性 関連付けるイメージマップの名前を指定する属性。
ismap属性 サーバー側イメージマップであるかどうかを指定する属性。
width属性 画像の幅を指定する属性。
height属性 画像の高さを指定する属性。

サンプルコード

PNG

<img src="sample.png">

JPG

<img src="sample.jpg">

GIF

<img src="sample.gif">

サンプル

HTMLソースコード

<img src="sample-img.png">

実際の表示