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

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

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

<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop|absmiddle|baseline|absbottom|left|right BORDER=n VSPACE=m1 HSPACE=m2 ISMAP>


Где

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>






Сейчас читают про: