Свойство align позволяет определить местоположение картинки в окне броузера. Данное свойство может принимать следующие значения:

* bottom,
* middle,
* top,
* left,
* right.

Параметр bottom задает выравнивание по основной линии, т.е. нижний край рисунка будет располагаться по основной текущей линии (в тексте). Параметр middle соответствует выравниванию центра рисунка посередине по вертикали от текущей базовой линии. Значению top соответствует выравнивание по верхней границе рисунка с учетом верхней границы текущего текста.

Ниже на рисунках представлены примеры с различным типом выравнивания изображений.

Параметрами left и right описываются плавающие рисунки. Здесь расположение текста и вставляемого рисунка в потоке html-кода не имеют значения. Рисунки являются плавающими элементами страницы, их взаимное расположение и расположение их по отношению к тексту определяется параметрами left и right.

Выше мы видим, что текст обтекает изображение. Однако текст прижат непосредственно к изображению. Для создания отступов можно использовать рамки. Ширина рамки задается с помощью параметра border:

Толщина рамки первого изображения 5 пикселей, а второе изображения имеет рамку толщиной 25 пикселей.

Отделить картинки от текста можно с указанием параметров горизонтального и вертикального отступов:
<img src="pic4.jpg" align="left" vspace="15" hspace="5">
<img src="pic4.jpg" align="right" cspace="5" hspace="15">

Последнее, что мы рассмотрим — это изменение размеров картинок. Исходная картинка имеет размер 100 пикселей в ширину на 71 пикселей в высоту. Зададим новые значения для размера рисунка