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

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

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

Где:

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

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

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

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

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

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

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

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

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

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

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

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

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