Рисунки и анимация могут сделать HTML-документ более привлекательным и интересным. Они не только украшают страницу, но и помогают лучше передать содержание документа. Для правильного использования графики в HTML-документе необходимо учитывать следующие факторы: многие браузеры поддерживают только графические форматы GIF и JPEG; файлы, содержащие графику, передаются медленно; некоторые пользователи не имеют графических браузеров или намерено отключают загрузку изображений; цветная графика, которая хорошо смотрится на вашем компьютере, может плохо выглядеть на другом.
Тег <IMG> вставляет изображение в документ, как если бы оно было просто одним большим символом. Синтаксис тега:
<IMG атрибут1=значение1 ... [атрибутN=значениеN]>
Атрибуты тега <IMG> и их значения приведены в таблице.
SRC="файл" | Задает URL-адрес изображения (можно указывать как абсолютный, так и относительный URL-адрес; если файл с изображением находится в той же директории, что и HTML-документ, то достаточно просто указать имя файла); этот атрибут является обязательным |
ALT="текст" | Задает альтернативный текст для браузеров, не поддерживающих работу с изображениями |
ALIGN="тип" | Задает расположение картинки относительно текста, тип может принимать следующие значения: ТОР, MIDDLE, BOTTON, LEFT, RIGHT |
BORDER=n | Устанавливает толщину обрамления вокруг изображения в пикселах |
HEIGHT=n(%) | Устанавливает высоту изображения в пикселах или в процентах от высоты окна браузера |
WIDTH=n(%) | Устанавливает ширину изображения в пикселах или в процентах |
HSPACE=n | Задает свободное пространство слева и справа от изображения (в пикселах) |
VSPACE=n | Задается свободное пространство над и под изображением (в пикселах) |
Обратите внимание, что ширина и высота изображения могут быть заданы не только в пикселах, но и в процентах от размеров окна браузера. Многие компоненты, включаемые в состав Web-страниц (изображения, таблицы, аплеты и т. д.), позволяют задавать размер в относительных единицах (т.