Использование графики при разработке html-страниц, страница 2

ALIGN  -    определяет, как будет позиционироваться данное изображение относительно строки текста, в которую оно помещено. Возможные значения атрибута:

TOP    -    поставить на один уровень верхний край изображения и верхнюю границу текущей строки;

MIDDLE -    поставить базовую линию текущей строки вровень с центром изображения;

BOTTOM -    выровнять нижнюю часть изображения по базовой линии текущей строки (используется по умолчанию);

LEFT   -    поставить изображение с левого краю. При этом левый маркер разметки временно смещается так, чтобы текст, следующий за изображением, "обтекал" его по правому краю. Но при наличии текста, выровненного по левому краю, изображения, подлежащие выравниванию по левому краю, как правило, переносятся на новую строку, а текст, следующий за всем этим, печатается опять на прежнем уровне;

RIGHT  -    сместить картинку к правому краю страницы совершенно аналогично смещению влево.

WIDTH  -    ширина изображения в пикселах.

HEIGHT -    высота изображения в пикселах.

BORDER -    если элемент IMG участвует в разметке как составная часть некой гипертекстовой связи, то браузеры, как правило, отмечают это обстоятельство, рисуя цветную рамку вокруг подобной картинки. Атрибут border задаёт определенную ширину для подобной рамки (в пикселах). Если же необходимо полностью избавиться от рамки, следует указать border=0.

HSPACE -    задать ширину чистых полей слева и справа от изображения.

VSPACE -    задать ширину чистых полей над и под изображением.

Например, тег

<IMG src="http://webapp/images/sample.gif" alt="Пример картинки в html" align=top width=200 height=200 hspase=50 vspase=50>

размещает картинку размерами 200х200 пикселов, отделённую от текста и других картинок полями по 50 пикселов, с пояснительным текстом и выравниванием по верхнему краю.

2.2. Использование картинок в качестве фона

Для задания фона html-страницы используются два средства HTML: задание цвета фона и использование картинки в качестве фонового рисунка. Последний приём позволяет создавать более осмысленные html-страницы, так как от фона зависит общее восприятие сайта.

Чтобы поместить картинку на задний план под текст html-документа используется атрибут background тега BODY. Например: