Тег img: отображение изображений на веб-странице

tag img htmlТег <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″.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *