HTML <img>Тег
Примеры
Как вставить изображение:
Попробуйте сами »
(Больше примеров внизу страницы)
Поддержка браузеров
Все основные браузеры поддерживают тег <img>.
Определение тега и инструкции по использованию
Тег <img> определяет изображение на HTML-странице.
Тег <img> имеет два обязательных атрибута: src и alt.
Примечание:Технически изображения не вставляются в HTML-страницу; они связываются с HTML-страницей. Тег <img> создает заполнитель для изображения, на которое сделана ссылка.
Совет:Вложив тег <img> внутрь тега <a>, вы можете добавить к изображению ссылку на другой документ.
Различия между HTML 4.01 и HTML5
Следующие атрибуты не поддерживаются в HTML5: align, border, hspace, longdesc, vspace.
В HTML 4.01 следующие атрибуты: align, border, hspace, vspaceявляются устаревшими。
Различия между HTML и XHTML
В HTML у тега <img> нет закрывающего тега.
В XHTML тег <img> должен быть правильно закрыт.
Атрибуты
Новое: Новый атрибут в HTML5.
| Attribute | Значение | Описание |
|---|---|---|
| align | top bottom middle left right |
Не поддерживается в HTML5. Устарел в HTML 4.01.Определяет, как выравнивать изображение относительно окружающего текста. |
| loading | eager: загружать немедленно lazy: ленивая загрузка |
Указывает, должен ли браузер загрузить изображение немедленно или отложить его загрузку. |
| alt | text | Задает альтернативный текст для изображения. |
| border | пикселей | Не поддерживается в HTML5. Устарел в HTML 4.01.Определяет границу вокруг изображения. |
| crossoriginНовое | anonymous use-credentials |
Задает атрибут cross-origin изображения. |
| height | пикселей | Задает высоту изображения. |
| hspace | пикселей | Не поддерживается в HTML5. Устарел в HTML 4.01.Задает отступ слева и справа от изображения. |
| ismap | ismap | Определяет изображение как серверную карту изображения. |
| longdesc | URL | Не поддерживается в HTML5. Устарел в HTML 4.01.Указывает на URL-адрес документа, содержащего подробное описание изображения. |
| src | URL | Указывает URL-адрес изображения для отображения. |
| usemap | #mapname | Определяет изображение как карту изображения на стороне клиента. |
| vspace | пикселей | Не поддерживается в HTML5. Устарел в HTML 4.01.Задает отступ сверху и снизу от изображения. |
| width | пикселей | Задает ширину изображения. |
Глобальные атрибуты
Тег <img> поддерживаетГлобальные атрибуты HTML。
Атрибуты событий
Тег <img> поддерживаетатрибуты событий HTML。
Попробуйте сами - Примеры
Этот пример демонстрирует, как отображать изображения из других папок или с других серверов на веб-странице.
В этом примере показано, как использовать изображение в качестве ссылки.
Этот пример демонстрирует, как создать карту изображения с кликабельными областями. Каждая область в ней является гиперссылкой.
Связанные статьи
Учебник по HTML:Изображения HTML
Справочник по HTML DOM:Объект Image
Другие расширения