HTML <img>タグ

例

画像を挿入する方法：

試してみる »
（その他の例はページ下部を参照）

すべての主要ブラウザが <img> タグをサポートしています。

<img> タグは HTML ページ内の画像を定義します。

<img> タグには必須の属性が2つあります：src と alt です。

注釈：技術的には、画像は HTML ページに挿入されるのではなく、HTML ページにリンクされます。<img> タグの役割は、参照される画像のプレースホルダーを作成することです。

ヒント：<a> タグ内に <img> タグをネストすることで、画像に別のドキュメントへのリンクを追加できます。

HTML5 では以下の属性はサポートされません：align、border、hspace、longdesc、vspace。

HTML 4.01 では、以下の属性：align、border、hspace、vspace非推奨。

HTML では、<img> タグには終了タグがありません。

XHTML では、<img> タグは正しく閉じる必要があります。

New：HTML5 の新属性。

属性	值	説明
align	top bottom middle left right	HTML5 ではサポートされません。HTML 4.01 では非推奨です。周囲のテキストに基づいて画像を配置する方法を指定します。
loading	eager：即時読み込み lazy：遅延読み込み	ブラウザが画像を即時読み込みするか遅延読み込みするかを指定します。
alt	text	画像の代替テキストを指定します。
border	pixels	HTML5 ではサポートされません。HTML 4.01 では非推奨です。画像の周囲の枠線を指定します。
crossoriginNew	anonymous use-credentials	画像のクロスオリジン属性を設定します
height	pixels	画像の高さを指定します。
hspace	pixels	HTML5 ではサポートされません。HTML 4.01 では非推奨です。画像の左右の余白を指定します。
ismap	ismap	画像をサーバーサイドイメージマップとして指定します。
longdesc	URL	HTML5 ではサポートされません。HTML 4.01 では非推奨です。長い画像説明を含むドキュメントへの URL を指します。
src	URL	表示する画像の URL を指定します。
usemap	#mapname	画像をクライアントサイドイメージマップとして定義します。
vspace	pixels	HTML5 ではサポートされません。HTML 4.01 では非推奨です。画像の上下の余白を指定します。
width	pixels	画像の幅を指定します。

<img> タグはサポートしますHTML のグローバル属性。

<img> タグはサポートしますHTML のイベント属性。

この例では、他のフォルダーやサーバーの画像をウェブページに表示する方法を示します。

この例では、画像をリンクとして使用する方法を示します。

この例では、クリック可能な領域を持つイメージマップを作成する方法を示します。各領域はハイパーリンクです。

HTML チュートリアル：HTML 画像

HTML DOM リファレンス：Image オブジェクト

その他の拡張