Уpок 12 (Рисунки)


Большинство Web browsers могут показывать рисунки X Bitmap (XBM) или GIF формата вместе с текстом. Поскольку каждый рисунок занимает много времени на отображение на экране (что замедляет показ документа), не рекомендуется включать слишком большое количество или чрезмерно большие по размеру рисунки в Ваш HTML-документ. Чтобы включить рисунок, надо описать гиперссылку на него: < IMG SRC = image_URL> где image_URL это ничто иное как URL .gif или .xbm файла, содержащего рисунок. Таким образом, синтаксис ссылки на рисунок аналогичен синтаксису гиперссылки HREF. Автоматически, рисунок выравнивается по нижнему краю сопровождающего его текста, но Вы можете задавать взаимное расположение рисунка и текста: [IMAGE] - это выравнивание по нижнему краю (делается browser по умолчанию). [IMAGE] - это выравнивание по верхнему краю. Форматирование положения рисунка задается включением в гиперссылку пункта "ALIGN = ": < IMG ALIGN=TOP SRC=image_URL > Возможны типы выравнивания: ALIGN = TOP - вывод картинки на уровне самого высокого элемента текста
ALIGN = MIDDLE - вывод картинки по центру текстовой строки
ALIGN = CENTER - вывод картинки по центру текстовой строки
ALIGN = BOTTOM - вывод картинки на уровне самого низкого элемента текста Данный элемент поддеpживает атpибуты: ALT , ALIGN , BORDER , HEIGHT , HSPACE , ISMAP , SRC , USEMAP , VSPACE , WIDTH .

Составные картинки

Параметр ISMAP используется для указания на то, что картинка составная. Таким образом можно поставить в соответствие одному изображению несколько гиперссылок. В этом случае элемент IMG ISMAP указывается внутри элемента < A > с соответствующим HREF.

Элемент MAP

Используется для обозначения области изображения, по которой пользователь может щелкнуть мышкой и перейти по ссылке к другому ресурсу. Поддерживает атрибут NAME, где указыватся наименование области изображения (используется атрибутом USEMAP ). Например: < MAP NAME= " SQUARE " >
< AREA SHAPE = RECT COORDS = " 0, 0, 10, 10 " >
< / MAP >

Если Browsers не поддерживает рисунки

Некоторые WWW-browsers, (напpимер, используемые на VT100-терминалах) не могут показывать рисунки. Пользователи смогут увидеть только текст, заданный в пункте гиперссылки "ALT = ". Сопроводительный текст должен быть включет в кавычки. Например: < IMG SRC="LOGO.GIF" ALT = "logo.gif" > В этом случае пользователь lynx увидит только текст " logo.gif ".

Внешние рисунки, звуки и мультипликация

Если Вы не хотите, чтобы рисунок замедлял загрузку основного WWW-документа, Вы можете поместить рисунок в отдельный документ, написав на него гиперссылку. В этом случае пользователь сам должен решить - смотреть или не смотреть ему этот рисунок: < A HREF = image_URL> Здесь Вы можете увидеть рисунок. </A>

Ошибочная ссылка

Когда Вы описываете ссылку < IMG > на рисунок, которого не существует, он заменяется фиктивным изображением. Проверьте, что рисунок существует, что в гиперссылке указан правильный URL, и что у пользователей есть права на использование этого файла.

[Пpедыдущий уpок] - [Оглавление] - [Следующий уpок]