HTML <img> src属性

❮HTML<img>タグ

画像は次のようにマークアップされます。

<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:

  • An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
  • A relative URL - points to a file within a web site (like src="image.gif")

❮HTML<img>タグ