Атрибут src HTML тега <img>

Значение и применение

Атрибут src (HTML тега <img>) задает URL адрес изображения (допускается использовать как абсолютные, так и относительные адреса). Является обязательным атрибутом.

Поддержка браузерами

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
src	Да	Да	Да	Да	Да	Да

Синтаксис:

<img src = "URL">

Значения атрибута

Значение	Описание
URL	URL адрес изображения (допускается использовать как абсолютные, так и относительные адреса).

Отличия HTML 4.01 от HTML 5

Нет.

Пример использования

<!DOCTYPE html>
<html>
<head>
	<title>Пример использования атрибута src HTML тега <img></title>
</head>
<body>
	<img src = "http://path.to/images/image.png" alt = "Альтернативный текст"> <!-- абсолютный адрес пути  -->
	<img src = "../image.png" alt = "Альтернативный текст"> <!-- путь относительно текущего документа -->
	<img src = "/images/image.png" alt = "Альтернативный текст"> <!-- путь относительно корня сайта -->
</body>
</html>

В данном примере мы разместили три изображения в атрибуте src которых, мы по разному указали путь к файлу. Первое изображение разместили с использованием абсолютного адреса пути, второе разместили относительно текущего документа и третее относительно корня сайта.

Подробную информацию об абсолютных и относительных путях вы можете прочитать в учебнике HTML 5 в статье "HTML ссылки". HTML тег <img>