пример
Как вставить изображение:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
<img> тег определяет изображение в HTML - страницы.
<img> тег имеет два обязательных атрибута: src и alt .
Примечание: Изображения технически не вставляются в HTML - страницы, изображения связаны с HTML - страницами.<img> Тег создает холдинговую пространство для ссылочного изображения.
Совет: Для того, чтобы связать изображение с другим документом просто гнездом, <img> тег внутри <a> тегов.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <img> | да | да | да | да | да |
Отличия между HTML 4.01 и HTML5
В following атрибуты: align, border, hspace и vspace не поддерживаются в HTML5.
Отличия между HTML и XHTML
В HTML В <img> тег не имеет конечного тега.
В XHTML <img> тег должен быть надежно закрыт.
Атрибуты
= Новое в HTML5.
| Атрибут | Стоимость | Описание |
|---|---|---|
| align | top bottom middle left right | Не поддерживается в HTML5. Определяет выравнивание изображения в соответствии с окружающими элементами |
| alt | text | Определяет альтернативный текст для изображения |
| border | pixels | Не поддерживается в HTML5. Определяет ширину границы вокруг изображения |
| crossorigin | anonymous use-credentials | Разрешить изображения из сторонних сайтов, которые позволяют получить доступ кросс-происхождения для использования с холста |
| height | pixels | Определяет высоту изображения |
| hspace | pixels | Не поддерживается в HTML5. Указывает на пустое пространство слева и справа от изображения |
| ismap | ismap | Определяет изображение как на стороне сервера, карты изображений |
| longdesc | URL | Задает URL для подробного описания изображения |
| src | URL | Определяет URL изображения |
| usemap | #mapname | Определяет изображение как на стороне клиента карты изображений |
| vspace | pixels | Не поддерживается в HTML5. Указывает пустое пространство сверху и снизу изображения |
| width | pixels | Определяет ширину изображения |
Глобальные атрибуты
<img> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<img> тег также поддерживает Атрибуты событий в HTML .
Попробуйте сами - Примеры
Вставка изображений из разных мест
Как вставлять изображения из другой папки или с другого веб-сайта.
Сделать гиперссылку изображения
Как добавить гиперссылку на изображение.
Создание карты изображения
Как создать карту изображения, с интерактивными регионов. Каждая область представляет собой гиперссылку.
Похожие страницы
Учебник HTML: HTML Изображения
HTML DOM ссылка: изображение объекта
Учебник CSS: стилизации изображения
Настройки по умолчанию CSS
Большинство браузеров отобразит <img> элемент со следующими значениями по умолчанию: