9.Отображение графики в документе
Старая поговорка "Лучше один раз увидеть, чем сто раз услышать" как нельзя лучше подходит к среде WWW. Графика оживляет Web-страницу и помогает сделать ее интуитивно более понятной и пригодной к использованию. Единственная трудность при работе с графикой состоит в том, что она долго загружается. Поэтому для обеспечения быстродействия Web-узла неоходимо уменьшать размер графических файлов. В этом смысле наиболее приемлемыми явдяются два формата графических изображений : .jpg и .gif . Причем формат .gif является основным. Графика или изображения в HTML-документах определяются элементом изображения IMG. Соответсвено, для вставки изображения в документиспользуется тэг <IMG>. Элемент IMG имеет несколько атрибутов, которые ниже приведены в таблице.
Атрибуты тега IMG |
|
Атрибут |
Опции или эффект |
ALIGN=тип_выравнивания |
Определяет выравнивание текста относительно изображения. TOP - текст располагается на уровневерхней части изображения. MIDDLE - на уровне средней части изображения. CENTER - на уровне центральной части картинки. BOTTOM - на уровне нижней части. LEFT - изображение располагается слева по отношению к обтекающему тексту. RIGHT - справа. |
ALT=текстовое описание |
Текстовое описание отображается на экране, если рисунок не загружен. Если пользователь отключит вывод рисунков в броузере или файл изображения не найден, то вместо негобудет отображаться текст, определенный в атрибуте ALT. Аналогично, если установить курсор мыши на изображении, то Internet Explorer выведет всплывающую подсказку с текстом, заданным в атрибуте ALT. |
|
|
BORDER=n |
Толщина рамки, окружающей рисунок. Рамка отображается на экране только в том случае, если изображение является гиперссылкой. |
CONTROLS |
Отображает набор элементов управления для просмотра видеоклипа. Используется совместно с атрибутом DYNSRC. |
DYNSRC="url" |
Задает URL видеоклипа (AVI) или VRML-мира, которые необходимо отобразить на экране. Этот атрибут используется совместно с атрибутами START и LOOP. |
HEIGHT=n WIDTH=n |
Высота и ширина изображения. Если эти параметры заданы и если они отличаются фактических размеров рисунка, то броузер растягивает или сжимает изображение в соответсвии с указанными границами. |
HSPACE=n VSPACE=n |
Задает размеры полей вокруг рисунка. |
ID=имя |
Задает уникальное имя для рисунка, имеющегося в данном документе, что полезно при создании сценариев, поскольку это дает возможность рассматривать рисунок как объект сценария. |
ISMAP=изображение |
Определяет рисунок как серверное сенсорное изображение. При щелчке кнопкой мыши на изображении координаты курсора посылаются на сервер. |
LOOP=n |
Указывает, сколько раз необходимо циклически воспроизводить динамическое изображение, заданное атрибутом DYNSRC. |
SRC="url" |
Определяет URL для файла изображения. |
START=значение |
Определяет момент воспроизведения видеоклипа или VRML-мира, заданного атрибутом DYNSRC. Имеются две опции: FILEOPEN - запуск в момент загрузки документа и MOUSEOVER - запуск при перемещении курсора в область изображения. |
USEMAP="url" |
Задает адрес клиентского сенсорного изображения (изображения-карты). Используется совместно с элементом MAP. |
Таким образом, в Internet Explorer имеется пять атрибутов расширений для элемента IMG. Атрибуты CONTROLS, DYNSRC, LOOP и START обеспечивают встроенную поддержку для видеоклипов и миров. Атрибут USEMAP используется для ссылки на клиентское сенсорное изображение. А теперь рассмотрим пример вставки изображения.
<IMG ALIGN=LEFT SRC="..\Pictures\testimg.jpg" HEIGHT=100 WIDTH=100 > Это изображение будет располагаться слева от обтекающего текста </IMG>
Вот
как это будет выглядеть в документе:
Это
изображение будет располагаться слева
от обтекающего текста