Тег <img>

Internet Explorer

Chrome

Opera

Safari

Firefox

Android

iOS

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

Описание

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег<img> .

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

Синтаксис

HTML: <img src="URL" alt="альтернативный текст">

Атрибуты

align

Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

alt

Альтернативный текст для изображения.

border

Толщина рамки вокруг изображения.

height

Высота изображения.

hspace

Горизонтальный отступ от изображения до окружающего контента.

ismap

Говорит браузеру, что картинка является серверной картой-изображением.

longdesc

Указывает адрес документа, где содержится аннотация к картинке.

lowsrc

Адрес изображения низкого качества.

src

Путь к графическому файлу.

vspace

Вертикальный отступ от изображения до окружающего контента.

width

Ширина изображения.

Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Не требуется.

Пример

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Тег IMG</title>

</head>

<body>

<p><a href="lorem.html"><img src="images/girl.png"

 width="189" height="255" alt="lorem"></a>

Lorem ipsum dolor sit amet...</p>

</body>

</html>



Категория: Изображения