INTERNET-WEB.RU
Обучение работе с ПК
Операционные системы
Флеш (Flash)

Тэги иллюстраций

Рисунки включаются в текст документа тэгом <IMG SRC = url>. В качестве пути к рисунку может быть использована либо относительная (от каталога, где расположен текст документа), либо абсолютная ссылка. В этом тэге могут быть использованы следующие параметры.

ALT = string

Этот параметр определяет текст, который будет показан вместо рисунка в текстовом режиме просмотра. В последних версиях программ просмотра этот текст появляется, когда вы задерживаете мышку над рисунком. Использование поля ALT является хорошей практикой дизайна HTML-документа, поскольку текст описаний рисунков необходим как программам, индексирующим страницу для поисковых целей, так и пользователям, просматривающим сайт в режиме отключения иллюстраций.


 Примеры иллюстраций различных уровней качества

Приведены для сравнения три файла одной иллюстрации, сохраненные с разной степенью сжатия стандарта JPEG.

Верхний рисунок сохранен с высоким качеством изображения. Размер файла 117 кбайт.

Средний рисунок имеет промежуточное значение коэффициента сжатия. Размер файла 59 кбайт. Нижний рисунок характеризуется самым высоким коэффициентом сжатия и самым низким качеством изображения. Размер файла 36 кбайт. Различия практически не заметны при разнице в объеме файлов почти в 3 раза. Конечно, для других случаев отличия могут быть более или менее выражены. Но эти примеры наглядно поясняют, что иллюстрации в HTML-документах могут быть сохранены с качеством LOW (или уровни 0—2) для ускорения загрузки файла при просмотре

ALIGN = left [right jtop middle Ibotton

Определяет выключку рисунка в тексте. Если вы используете LEFT или RIGHT, то текст будет обтекать рисунок.

/gKj Так как пользователь может изменить размеры основного шрифта или ~— уменьшить ширину окна программы просмотра, то заранее трудно

предположить, на каком уровне кончится текст и на каком — рисунок. Поэтому в сомнительных ситуациях следует применять параметр CLEAE. Он позволяет «опустить» элемент, в определение которого включен, до уровня, где заканчиваются все элементы предыдущего текста документа.

Параметры TOP, MIDDLE, BOTTOM определяют вертикальное размещение иллюстрации относительно текста: рисунок и текст будут выровнены либо по верху, либо по центру, либо по нижнему краю.

HEIGHT = n, WIDTH = n

Задание этих параметров позволяет масштабировать рисунки. Причем вы можете задать разные коэффициенты масштабирования «по вертикали» и «по горизонтали». Обычно размер иллюстрации указывается в пикселях, но можно использовать и другие величины, включив в тэг иллюстрации информацию о величинах измерения.

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

BORDER = п

Этот параметр определяет, какой толщины будет прорисована рамка вокруг рисунка, если рисунок используется в гипертекстовой ссылке. Если значение параметра равно нулю, то пользователь может и не обратить внимание, что рисунок является гипертекстовой ссылкой. Если рисунок не включен в ссылку, то данный параметр игнорируется.

HSPACE = n, VSPACE = n

Параметры определяют «зазор» между рисунком и текстом. По умолчанию такого зазора нет, так что текст будет вплотную «прижат» к рисунку.

L0WSRC = ш-1

Кроме «основного» рисунка можно указывать в документе и его уменьшенную копию. Рисунки уменьшенного размера загружаются обозревателем первыми, до основной иллюстрации. В результате пользователь сможет быстрее увидеть страницу и продолжить навигацию, не дожидаясь за- < вершения отображения основных рисунков.

Приведем пример включения в текст иллюстрации при наличии ее описания и копии меньшего объема:

© 2009 internet-web.ru. All Rights Reserved