Характеристики тега
В каких браузерах работает?
| 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких спецификациях используется?
| HTML | 3.2 | 4.01 | 5.0 |
| XHTML | 1.0 | 1.1 |
Для чего используется?
Этот тег отвечает за добавление на веб-ресурс изображений в формате gif, png или jpg. Обычно все изображения, которые присутствуют на сайте, хранятся в одной папке. Путь к этой папке задается атрибутом src. Достаточно часто картинки используют в качестве ссылок, для этого необходимо обернуть img в тег a.
В тоже время картинки могут служить не только по своему основному предназначению или ссылкой, но и картой-изображением. Внешне такая конструкция ничем не отличается от обычной картинки, однако содержит в себе набор ссылок в разных частях.
Как правильно задавать?
<img src="URL-адрес">
Какие атрибуты поддерживаются?
- align - отвечает за расположение объекта относительно горизонтальной оси.
- alt - показывает текст, который выводится в случае ошибки загрузки изображения.
- border - добавляет обрамление картинке и управляет толщиной окружающих линий.
- height - управляет высотой картинки.
- hspace - пространство от картинки до соседнего объекта в горизонтальном направлении.
- ismap - отмечает карту-изображение сервера.
- longdesc - показывает, где расположен файл с описанием указанной картинки.
- lowsrc - показывает расположение картинки низкого качества.
- src - указывает, в какой директории находится данное изображение.
- vspace - пространство от картинки до соседнего объекта в вертикальном направлении.
- width - управляет шириной картинки.
- usemap - показывает путь к пользовательской версии карты-изображения.
Данный тег поддерживает универсальные атрибуты и события.
Закрытый тег
Нет.
Пример использования
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег img</title> </head> <body> <p><a href="index.html"><img src="pictures/key.jpg" width="300" height="400" alt="key"></a></p> </body> </html>
Тип html тега:
Изображения