Web-конструирование
Содержание:
HTML
CSS
JavaScript
Выравнивание изображений
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега IMG. В таблице перечислены возможные значение этого параметра и результат его использования.
| Код HTML | Описание | Пример |
|---|---|---|
| <img src=sample.gif align=texttop> | Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки. | Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit... |
| <img src=sample.gif align=top> | Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. | Lorem ipsum dolor sit amet,
consectetuer adipiscing elit... |
| <img src=sample.gif align=middle> | Выравнивание середины изображения по базовой линии текущей строки. | Lorem ipsum dolor sit amet,
consectetuer adipiscing elit... |
| <img src=sample.gif align=absmiddle> | Выравнивание середины изображения по средине текущей строки. | Lorem ipsum dolor sit amet,
consectetuer adipiscing elit... |
| <img src=sample.gif align=baseline> | Выравнивание изображения по базовой линии текущей строки. | Lorem ipsum dolor sit amet, consectetuer
adipiscing elit... |
| <img src=sample.gif align=bottom> | Выравнивание нижней границы изображения по окружающему тексту.. | Lorem ipsum dolor sit amet, consectetuer
adipiscing elit... |
| <img src=sample.gif align=left> | Выравнивает изображение по левому краю окна. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
| <img src=sample.gif align=right> | Выравнивает изображение по правому краю окна. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
Наиболее популярные параметры - left и right, создающие обтекание текста вокруг изображения. Чтобы текст не прилегал плотно к рисунку, рекомендуется в теге IMG добавить параметр
|
Пример. Обтекание текста вокруг рисунка:
|
 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. |
Практическая работа
© 2010 Е. Яковлева E-mail: lena_ngpu@mail.ru