Что бы поместить иллюстрации в тексте страницы используют специальный тег:
<IMG SRC="uri" WIDTH="w" HEIGHT="h" ALT="Text" ALIGN="Type">
Здесь uri – адрес графического файла с изображением. Параметры WIDTH и HEIGHT задают размеры области вывода графического изображения. Параметр ALT хранит текст, который выводится как подсказка для курсора мыши при наведении его на изображение. Кроме того этот текст выводится, если в браузере отключен показ изображений. Параметр ALIGN позволяет управлять размещением изображения относительно текста. Выравнивание Type может принимать значения:
· Middle (текст выравнивается по центру изображения);
· Bottom (нижняя граница изображения выравнивается по окружающему ее тексту, используется по умолчанию);
· Top (верх изображения выравнивается по верхней строке окружающего его текста);
· Left (Текст обтекает изображение справа);
· Right (текст обтекает изображение слева).
Изображение можно взять в рамку, если в тег IMG добавить параметр BORDER="n". Здесь n – ширина рамки в пикселах.
Для оформления обычно используют графические изображения формата GIF и JPEG.
Изображения первого типа занимают мало места в памяти, так как их цветовая палитра равно 256 цветов. Кроме того они поддерживают анимацию и прозрачные цвета.
Изображения второго типа позволяют хранить и передавать в сжатом виде иллюстрации, которые характеризуются насыщенной цветовой палитрой и большим разрешением.
Графические изображения могут использоваться в качестве ссылок, тогда их помещают в качестве содержания в тег:
<A HREF…><IMG SRC="uri"></IMG>.
Изображения можно использовать как фон страницы, такие изображения называются обоями и тиражируются по полю страницы при ее просмотре в браузере. Размещают обои с помощью параметра BACKGROUND="uri" тега BODY. Здесь uri адрес файла изображения.
Фоновые изображения можно задавать для ячеек таблицы с помощью этого же параметра, помещая его в тег создания ячейки таблицы TD.