HTML <img> Tag

❮前次❯

例

どのように画像を挿入します。

»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。

定義と使用法

<img>タグは、HTMLページに画像を定義しています。

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

注：画像は、技術的にHTMLページに挿入されていない、画像がHTMLページにリンクされています。<img>タグは、参照される画像のための保持空間を作成します。

ヒント：別の文書に、単に巣画像をリンクするには<img>タグ内を<a>タグ。

ブラウザのサポート

素子
<img>	はい	はい	はい	はい	はい

HTML 4.01とHTML5の違い

followingの属性： align, border, hspace 、およびvspace HTML5でサポートされていません。

HTMLとXHTMLの違い

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

XHTMLで<img>タグが正しく閉じられなければなりません。

属性

= HTML5で追加。

属性	値	説明
align	top bottom middle left right	HTML5でサポートされていません。周囲の要素に応じて画像の配置を指定します
alt	text	画像の代替テキストを指定します。
border	pixels	HTML5でサポートされていません。画像の周囲に境界線の幅を指定します。
crossorigin	anonymous use-credentials	クロスオリジンのアクセスを許可するサードパーティのサイトから画像がキャンバスで使用することを許可します
height	pixels	画像の高さを指定します。
hspace	pixels	HTML5でサポートされていません。画像の左側と右側に空白を指定します。
ismap	ismap	サーバー側のイメージマップとして画像を指定します。
longdesc	URL	画像の詳細な説明へのURLを指定します。
src	URL	画像のURLを指定します。
usemap	#mapname	クライアント側のイメージマップとして画像を指定します。
vspace	pixels	HTML5でサポートされていません。画像の上下に空白文字を指定します。
width	pixels	画像の幅を指定します。

グローバル属性

<img>タグにも対応し、グローバルは、HTMLの属性。

イベント属性

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

それを自分で試してみてください - 例

異なる場所から画像を挿入します
どのように別のフォルダまたは別のWebサイトから画像を挿入します。

画像のハイパーリンクを作成します
画像にハイパーリンクを追加する方法。

イメージマップを作成します。
どのようにクリック可能な領域と、イメージマップを作成します。各領域はハイパーリンクです。

デフォルトのCSS設定

ほとんどのブラウザが表示されます<img>次のデフォルト値を持つ要素を：

例

img {
display: inline-block;
}