Основы создания HTML-документа

Изображения в HTML-документе

Тег <img> включает несколько полезных атрибутов, предоставляющие автору страницы большую свободу действий. Все эти атрибуты представлены в Таблице :

Таблица

Атрибут	Описание
ALT	Указывает текстовую альтернативу изображению
ALIGN	Управляет выравниванием теста, окружающего изображение
BORDER	Указывает размер окантовки в пикселах
HEIGHT	Указывает высоту изображения в пикселах
WIDTH	Указывает ширину изображения в пикселах
HSPACE	Определяет размер свободного места слева и справа от изображения
VSPACE	Определяет размер свободного места сверху и снизу от изображения
ISMAP	Сообщает, что изображение является картой-изображением на сервере.
USEMAP	Сообщает, что изображение является картой-изображением на стороне клиента.
SRC	Указывает URL изображения.

Некоторые из этих атрибутов мы уже рассмотрели. Рассмотрим теперь подробнее другие атрибут тега <img>:

ALIGN

Атрибут ALIGN принимает любое из пяти возможных значений. Все они каким-либо образом определяют выравнивания текста относительно изображения. Вначале мы рассмотрим значения TOP, MIDDLE и BOTTOM.

Если атрибут ALIGN установлен в значение TOP, MIDDLE или BOTTOM, то текст, следующий за изображением, выравнивается по верхнему краю, по центру или по нижнему краю соответственно. Относительно значений TOP и MIDDLE следует заметить, что если текст слишком длинный, то его новая строка начнется под изображением. Во многих случаях это выглядит некрасиво.

Если атрибут ALIGN установлен в значение LEFT или RIGHT, то изображение будет "плавать" у левого или правого поля соответственно. Этот эффект позволит тексту обходить изображение, создавая впечатление, что оно встроено в текст. Такая возможность открывает пути для создания весьма интересных дизайнов страниц.

Появление плавающих изображений вызвало необходимость начинать новую строку в месте, свободном от изображения. Для удовлетворения этой необходимости к тегу <br> был добавлен атрибут CLEAR. Если установить этот атрибут равным значению LEFT, то перевод строки будет выполняться к левому полю, свободному от плавающих изображений. Значение RIGHT оказывает аналогичный эффект, но относительно правого поля. Если указать CLEAR=ALL, новая строка начнется с точки, где оба поля свободны от плавающих изображений.

BORDER

Атрибут BORDER предоставляет удобный способ размещения окантовки вокруг изображения. Он устанавливается равным значению, задающему ширину окантовки в пикселах. По умолчанию изображение выводится без окантовки.

При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения.

HSPACE и VSPACE

Свободное пространство вокруг изображения в полиграфии называется оборкой (runaround). Оно улучшает внешний вид страницы, отделяя изображение от текста. Оборка необходима при использовании плавающих изображений, которые окружены текстом, поскольку текст, прижатый к изображению читать трудно. Оборка устанавливается с помощью атрибутов HSPACE и VSPACE тега <img>. Значением каждого из них является количество пикселов свободного пространства слева и справа (HSPACE) или сверху и снизу (VSPACE) от изображения.

ISMAP и USEMAP

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