Тег <img> применяется, когда на веб-страницу нужно вставить изображение в формате JPEG, PNG или GIF. Местоположение файла с картинкой задаётся атрибутом src.
Синтаксис тега <img> выглядит следующим образом:
<img src=»URL» alt=»альтернативный текст»>
Закрывающий тег не обязателен.
Атрибуты тега <img>:
align — определяет выравнивание рисунка по краю и способ обтекания текстом;
alt — альтернативный текст для изображения;
border — толщина рамки вокрук изображения;
height — высота изображения;
hspace — горизонтальный отступ от изображения до окружающего контента;
ismap — сообщает веб-браузеру, что картинка является серверной картой-изображением;
longdesc — указывает адрес документа, в котором содержится аннотация к изображению;
lowsrc — адрес изображения низкого качества;
src — местоположение файла изображения;
vspace — вертикальный отступ от изображения до окружающего контента;
width — ширина изображения;
usemap — ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.
Также для тега <img> доступны универсальные атрибуты и события.
Пример использования тега <img>:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег img</title> </head> <body> <p><a href="auto.html"><img src="images/auto.png" width="300" height="500" alt="auto"></a> Лучшие автомобили здесь</p> </body> </html>
В этом примере мы сделали изображение ссылкой на другой файл, поместив тег <img> в контейнер <a>.
Рамка вокруг изображения не является обязательным элементом. Если рамка не нужна, укажите border=»0″.
Статьи по теме: