HTML <img> src属性
例
画像は次のようにマークアップされます。
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
定義と使用法
必須src
属性は、画像のURLを指定します。
src
属性でURLを指定する方法は2つあります。
1.絶対URL-別のWebサイトでホストされている外部画像へのリンク。例:src = "https://www.w3schools.com/images/img_girl.jpg"。
注:外部画像は著作権で保護されている可能性があります。使用許可を得ていない場合は、著作権法に違反している可能性があります。さらに、外部画像を制御することはできません。突然削除または変更される可能性があります。
2.相対URL -Webサイト内でホストされている画像へのリンク。ここでは、URLにドメイン名は含まれていません。URLがスラッシュなしで始まる場合、それは現在のページに相対的です。例:src = "img_girl.jpg"。URLがスラッシュで始まる場合、それはドメインに相対的です。例:src = "/ images /img_girl.jpg"。
ヒント:ほとんどの場合、相対URLを使用するのが最適です。ドメインを変更しても壊れません。
注:alt
ブラウザが画像を見つけられない場合は 、リンク切れのアイコンとテキストが表示されます。
ブラウザのサポート
Attribute | |||||
---|---|---|---|---|---|
src | Yes | Yes | Yes | Yes | Yes |
構文
<img src="URL">
属性値
Value | Description |
---|---|
URL | The URL of the image. Possible values:
|
❮HTML<img>タグ