Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег img

Дата:14.09.15 в 13:47
Справочник: 

Характеристики тега

В каких браузерах работает?

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>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: