Выравнивание изображений

Дата добавления: 2015-07-09; просмотров: 781; Нарушение авторских прав

Для изображений можно указывать их положение относительно текста

или других изображений на веб-странице. Способ выравнивания изображений

задается параметром alignтега IMG. В таблице перечислены возможные зна-

чение этого параметра и результат его использования.

Код HTML

Описание

Верхняя граница изображе-

Пример

Lorem ipsum dolor sit

amet,

<img src="HLPBELL.GIF" ния выравнивается по самому

align=texttop> высокому текстовому эле-

менту текущей строки.

Верхняя граница изображе-

consectetuer adipiscing

elit...

Lorem

<img src=HLPBELL.GIF

align=top>

ния выравнивается по самому ipsumdolor

высокому элементу текущей amet,

sit

consec-

строки.

tetuer adipiscing elit...

<img src=HLPBELL.GIF

align=middle>

Выравнивание середины изо- Lorem ipsum dolor sit

бражения по базовой линии

текущей строки. amet, consec-

<img src=HLPBELL.GIF

align=absmiddle>

Выравнивание середины изо-

бражения по средине теку-

щей строки.

Выравнивание изображения

tetuer adipiscing elit...

Lorem ipsum dolor sit

amet, consec-

tetuer adipiscing elit...

Lorem ipsum dolor sit

<img

src=HLPBELL.GIF

amet,

align=baseline>

по базовой линии текущей

строки.

Выравнивание нижней гра-

consectetuer

adipiscing elit...

Lorem ipsum dolor sit

<img

src=HLPBELL.GIF

amet, consectetuer

align=bottom>

ницы изображения по окру-

жающему тексту..

adipiscing elit.

<img

src=HLPBELL.GIF

Выравнивает изображение по

Lorem ipsum do-

align=left>

левому краю окна.

lor sit amet, consec-

tetuer adipiscing elit...

Lorem ipsum

<img

src=HLPBELL.GIF

Выравнивает изображение по dolor sit amet,

align=right>

правому краю окна.

consectetuer adipiscing

elit...

Наиболее популярные параметры – left и right, создающие обтекание

текста вокруг изображения. Чтобы текст не прилегал плотно к рисунку, реко-

мендуется в теге IMG добавить параметр hspace и vspace, задающих расстоя-

ние до текста в пикселах.

Пример 2 Обтекание текста вокруг рисунка

<html>

<body>

<img

src="HLPBELL.GIF" width=50height=50 hspace=10 vspace=10

align=left>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy

nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad

minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea

commodo consequat.

</body>

</html>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy

nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis

enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis

nisl ut aliquip ex ea commodo consequat.

<== предыдущая лекция	\|	следующая лекция ==>
Код HTML	\|	Задание