Задание размеров выводимого изображения

Тэг встраивания изображений имеет два необязательных параметра, указывающих размеры изображения при отображении — WIDTH и HEIGHT (ширина и высота). Значения параметров могут указываться как в пикселях, так и в процентах от размеров окна просмотра.

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

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

Пример:

<IMG SRC=”spb.jpg” WIDTH=300 HEIGHT =200>

Отделение изображения от текста

Для тэга <IMG> можно задавать параметры HSPACE и VSPACE, значения которых определяют отступы от изображения, оставляемые пустыми, соответственно, по горизонтали и вертикали. Это гарантирует, что между текстом и изображением останется пространство, необходимое для нормального восприятия.

Рамки вокруг изображений

Изображение, встраиваемое на страницу, можно поместить в рамку различной ширины. Для этого служит параметр BORDER. В качестве значения параметра используется число, означающее толщину рамки в пикселях. По умолчанию рамка вокруг изображений не рисуется. Исключением из этого правила является случай, когда изображение является ссылкой.

Альтернативный текст

Одним из параметров тэга <IMG> является параметр ALT, определяющий альтернативный текст. Его указание дает возможность пользователям неграфических браузеров или пользователям, работающим в режиме отключения загрузки изображений, получить некоторую текстовую информацию о встроенных изображениях.

При отключенном изображении вместо них на экране появится альтернативный текст, определенный значением параметра ALT. Значение этого параметра имеет смысл и для случаев, когда загрузка изображений будет выполняться. Поскольку загрузка изображений выполняется на втором проходе после отображения текстовой информации, то изначально на экране наместе изображения появится альтернативный текст, который по мере загрузки будет сменяться изображением. Современные браузеры будут также отображать альтернативный текст в качестве подсказки при помещении курсора мыши в область изображения.

Использование изображения в качестве ссылки

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

Пример:

<А HREF=My_doc.html><IMG SRC=map.jpg</A>

Подрисуночная надпись.

Создается с помощью парного тега FIGCAPTION и привязывается к к рисунку с помощью парного тега FIGURE.

Пример:

<FIGURE>

<IMG SRC=”spb.jpg” WIDTH=300 HEIGHT =200>

<FIGCAPTION>Рисунок 1</FIGCAPTION>

</FIGURE>

5