Графика. Фоновая картинка. lt;BODY background=файл_с_картинкой>.. lt;BODY bgproperties=fixed>. Вставка иллюстраций. Атрибут border=n

Графика

Обычно используют два типа изображений.

JPEG – для фотографий и очень сложных по цветовой гамме рисунков с плавными цветовыми переходами (в расширении записывается как JPG).

GIF – для логотипов, надписей, заголовков, рисунков, имеющих четкие цветовые граница.

Фоновая картинка

Задается в команде <BODY> атрибутом background:

<BODY background=файл_с_картинкой>.

При прокрутке длинной страницы фоновая фактура перемещается вместе с текстом и прочими элементами ее содержания. Чтобы зафиксировать фон так, чтобы при прокручивании страницы ее содержание «скользило» по нему используют атрибут bgpropertiesсо значением fixed:

<BODY bgproperties=fixed>

Вставка иллюстраций

Команда вывода картинки: <IMG src=./pic/img.gif>. Можно использовать дополнительные атрибуты.

Атрибут alt=“текст_надписи”

Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt.

Атрибуты и height=m

Эти атрибуты задают ширину (width) и высоту (height) (в пикселях) прямоугольника, в который выводится картинка. Если атрибуты не заданы, картинка рисуется в естественных размерах. Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины.

Атрибут border=n

Атрибут позволяет задать рамку вокруг иллюстрации толщиной в n пикселов. При отсутствии атрибута или при значении n=0 рамка не рисуется.

Атрибуты hspace=n vspace=n

Атрибуты hspace и vspace определяют свободное пространство слева и справа (hspace),над и под (vspace) картинкой.

Атрибут align

Определяет положение изображения относительно окружающего его текста.

align=top - выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста.

align=middle - выравнивает центр изображения по базовой линии строки окружающего текста.

align=bottom выравнивает нижний край изображения по базовой линии строки окружающего текста.

align=left определяет огибаемое текстом изображение. Изображение располагается вдоль левой границы документа, а последующие строки текста огибают его справа.

align=right определяет огибаемое текстом изображение. Изображение располагается вдоль правой границы документа, а последующие строки текста огибают его слева.

Картинка как ссылка

<A href=переход…><IMG src=файл…></A>

Курсор при попадании на картинку-ссылку меняет свою форму. Щелчок мыши по картинке заставляет браузер выполнять переход. Картинка-ссылка не подчеркивается, как текстовая ссылка, и не выделяется цветом, а обрамляется в рамочку.