Атрибут HTML <img> src

❮ HTML-тег <img>

Пример

Изображение размечается следующим образом:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

Определение и использование

Обязательный srcатрибут указывает URL-адрес изображения.

Есть два способа указать URL в src атрибуте:

1. Абсолютный URL -адрес — ссылки на внешнее изображение, размещенное на другом веб-сайте. Пример: src="https://www.w3schools.com/images/img_girl.jpg".

Примечания: Внешние изображения могут быть защищены авторским правом. Если вы не получите разрешение на его использование, вы можете нарушить закон об авторском праве. Кроме того, вы не можете управлять внешними изображениями; его можно внезапно удалить или изменить.

2. Относительный URL -адрес — ссылки на изображение, размещенное на веб-сайте. Здесь 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>