Тег <img>
Описание
Добавляет изображение на страницу.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<img src='адрес'>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
1 | 12 | 1 | 1 | 1 | 1 | 1 | 1 | 4 | 1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Атрибуты
alt - Альтернативный текст для изображения. Обязательный атрибут.
height - Указывает высоту изображения.
width - Указывает ширину изображения.
ismap - Сообщает браузеру, что изображение - серверная карта.
sizes - Указывает размер изображения для разных размеров страниц.
src - Указывает путь к изображению. Обязательный атрибут.
srcset - Указывает путь к файлу и размер изображения.
usemap - Указывает путь на элемент map, который должен содержать координаты.
Устаревшие атрибуты
align - Указывает способ выравнивания по краю.
border - Указывает толщину рамки у изображения.
hspace - Горизонтальный отступ от изображения до окружающего контента.
vspace - Вертикальный отступ от изображения до окружающего контента.
longdesc - Указывает путь к файлу, где содержится описание к изображению.
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<img src='/files/images/regular/iconka.png' width='100' height='auto' alt='Логотип'>
</body>
</html>
Читайте также
Тег <em>
Задает акцент для фрагмента текста. Семантический тег.
Тег <table>
Исполбзуется для создания таблицы. Для полноценного создания стоит использовать элементы: <spa...
Тег <source>
Создает источник для элементов <span class='samp'>audio, video и picture<...
Тег <area>
Используется для указания специальной области на изображении.
Тег <i>
Визуально выделяет текст курсивом.