Тег HTML <IMG>
примеров
Как вставить изображение:
Попробуйте »
(Дополнительные примеры см в нижней части страницы)
Поддержка браузеров
Все основные браузеры поддерживают тег <IMG>.
Определения тегов и инструкции
<Img> тэг определяет HTML-страницу изображения.
Тег <Img> имеет два обязательных атрибута: SRC и АЛТ.
Примечание: Технически, изображение не будет вставлен в страницу HTML, но ссылка на страницу HTML.Тег Роль <IMG> является создание ссылается заполнитель изображения.
Совет: гнездящимися тег <IMG> в закладке <a>, добавить к изображению , чтобы установить ссылку на другой документ.
Различия между HTML 4.01 и HTML5
HTML5 не поддерживает следующие атрибуты: выравнивать, границы, HSPACE, longdesc, VSPACE.
В HTML 4.01, следующие атрибуты: выравнивание, границы, HSPACE, VSPACE устаревшее .
Различия между HTML и XHTML
В HTML тег <IMG> не имеет конечного тега.
В XHTML, тег <IMG> должен быть правильно закрыт.
свойство
Новое: HTML5 новое свойство.
属性 | 值 | 描述 |
---|---|---|
align | top bottom middle left right |
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
alt | text | 规定图像的替代文本。 |
border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
crossorigin New | anonymous use-credentials |
设置图像的跨域属性 |
height | pixels | 规定图像的高度。 |
hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
ismap | ismap | 将图像规定为服务器端图像映射。 |
longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
src | URL | 规定显示图像的 URL。 |
usemap | #mapname | 将图像定义为客户器端图像映射。 |
vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
width | pixels | 规定图像的宽度。 |
Глобальные свойства
Тег <IMG> поддерживает HTML глобальные свойства .
Особенности проведения мероприятий
Тег <IMG> поддерживает свойства событий HTML .
Попробуйте - Пример
Вставка фотографий из разных мест
Этот пример демонстрирует, как различные изображения или папки сервера для отображения веб-страниц.
Создать ссылку на изображение
Этот пример демонстрирует, как использовать изображение в качестве ссылки.
Создание карт изображений
Этот пример демонстрирует, как создать изображение карты с интерактивными областями. Каждый из этих регионов является гиперссылкой.
Статьи по Теме
Учебник HTML: HTML Изображения
HTML DOM Reference Manual: Изображение объекта