Графика и анимация

Одним из способов использования графики в HTML является внедрение графических образов в документ, что позволяет пользователю непосредственно увидеть изображения. Такая техника проектирования документов называется “online image".

Синтаксис тэга:

Где

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

ALT="text" задает текст, который будет отображен браузером, не поддерживающим отображение графики или с отключенной подкачкой изображений.

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

WIDTH=n2 позволяет задать абсолютную ширину рисунка в пикселях.

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

BORDER=n позволяет автору определить ширину рамки вокруг рисунка (n=0..9).

VSPACE=m1 позволяет установить размер в пикселях пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для динамически формируемых изображений, когда нельзя заранее увидеть документ.

HSPACE=m2 выполняет то же самое, что и VSPACE, но только по горизонтали.

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

Большинство браузеров позволяет включать в документ фоновый рисунок. Некоторые пользователи любят фоновую графику, некоторые нет. Ненавязчивый полупрозрачный рисунок (обои) обычно хорошо выглядит в качестве фона для большинства документов.

Описание фонового рисунка включается в тэг BODY, графический файл должен быть формата GIF или JPG. Формат тэга выглядит следующим образом:

<BODY BACKGROUND="picture.gif">

Тэг <EMBED> аналогичен <IMG>, но позволяет включать в Web-страницу файлы произвольного типа. Для них требуется подключение дополнительных модулей (plug-in).

Кроме обычных GIF-файлов, содержащих статические изображения, язык HTML дает возможность включать в документы динамические GIF-файлы.

Бегущая строка. Синтаксис тэга:

<MARQUEE BEHAVIOR=alternate|slide GCOLOR=... WIDTH=... HEIGHT=...> текст </MARQUEE> Подключение видеоизображений (AVI- и MPG-файлы).

<IMG DYNSRC="URL" START=MOUSEOVER WIDTH=... HEIGHT=...>

Графические изображения могут использоваться не только в качестве иллюстрации, но и выполнять роль указателей гипертекстовых связей для обеспечения работы изображения в качестве ссылки на другие ресурсы достаточно включить изображение внутрь тэга-контейнера <A>

Пример:

<A HREF=My_Dok.html><IMG SRC=map.gif></A>

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: