img

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 画像の表示
読み方 アイエムジー/イメージ

カテゴリー

フロー・コンテンツ、フレージング・コンテンツ、エンベッディッド・コンテンツ、インタラクティブ・コンテンツ(usemap属性がある場合)

親にできる要素/カテゴリー

エンベッディッド・コンテンツ

子にできる要素/カテゴリー

<img 属性="値">

属性 概要
src URL イメージ・リソースのURLを指定
alt 代替テキスト 文字列
usemap #名前 クライアント・サイド・イメージマップを目的に、そのイメージと結びつけるmap要素へのハッシュ名参照を指定
ismap サーバー・サイド・イメージマップ サーバー・サイド・イメージマップであることを示す
width ピクセル単位
height 高さ ピクセル単位

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 src属性でファイルのURIを指定し、画像を表示します。

 width、height属性で表示する画像の大きさを指定しておきます。

 下のようにsrc、alt属性の組み合わせによって、img要素の意味が異なります。

src指定 alt指定 img要素の意味
あり 装飾的、補足的イメージ
あり あり 重要なイメージ
あり なし 重要なイメージだが説明テキストがない
なし 存在しない
なし あり altに指定されたテキストを表す
なし なし 在しない


 usemap属性はクライアント・サイド・イメージマップを目的に、そのイメージと結びつけるmap要素へのハッシュ名参照を指定し、ismap属性はサーバー・サイド・イメージマップであることを示します。

サンプル

<p>ライゾウ<br><img src=”cat.jpg” width=”260” height=”167” alt=”ライゾウ“></p>

サンプル実行画像

よくある間違い、勘違い

 開始タグは必須、終了タグを使ってはいけません。推奨はできませんが、開始タグに<img />という表記は許されています。

 <img src=”cat.jpg” width="260" height="167" alt="ライゾウ"></img>
 <img src=”cat.jpg” width="260" height="167" alt="ライゾウ">
Powered by Web Professional

目次