|
Меню сайта |
|
|
Веб шпаргалка для начинающих.
Формирование текста обтеканием обьекта.
Учимся вместе.
Формирование текста обтеканием обьекта
Текст в документе заключается в параграфы.
Параграфы вводятся тэгом:
<p> текст </p>
Параграф <P> задает один из способов разбиения текста на абзацы. Он может
иметь вложенный атрибут align, который указывает отступ left,
center или right. Каждый следующий абзац игнорирует, заданное для
предыдущего абзаца значение align.
Синтаксис: <P
align=отступ> Текст абзаца
</P>
У тэга <p> существовует еще один (атрибут):
<p align="justify">текст</p>
Этот атрибут параграфа, выравнивает текст по обоим краям документа, что делает документ аккуратным.
Если не задавать параграфы, то текст в документе, всегда выравнивается по умолчанию по левому краю.
<BR> элемент форматирования.
<BR> Задает принудительный разрыв текста с переходом на новую строку.
Он может иметь
вложенный атрибут clear, который может принимать значения left,
all или right
all - завершить обтекание объекта текстом.
left - завершить обтекание текстом объекта, выровненного по левому краю.
right- завершить обтекание текстом объекта, выровненного по правому краю.
Синтаксис: <BR
clear=обтекание> Текст
 Параметр <Clear>: Зачем он нужен?
Допустим текст обтекает какой-либо объект (в моем случае, картинку): и если вдруг картинка (объект) будет большой, текста много, то тут уже явно не обойтись несколькими Br . И чтобы их так много не применять, и существует параметр Clear.
Если нужно, чтобы текст после нужных слов обрывался, и уже продолжался под картинкой, вставляем<Br clear="">
Сейчас я буду формировать текст с приминением выше указанных параграфов, обтекание картинки текстом.
В моем примере я задал clear="left", т.к. моя картинка будет выровнена по левому краю. Мне нужно, чтобы текст после слов "125 пикселей" обрывался, "Если навести на картинку",- уже продолжалось под картинкой. Вставляем параметр так: после "125 пикселей" <br clear="left">Если навести на картинку....
Графика на WEB страничке
Смотрим на результат.
 Наша картинка прижата к левой стороне таблицы странички, текст обтекаeт ее справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 5 пикселей, ширина картинки - 150 пикселей, высота картинки - 125 пикселей.
Если навести на картинку курсор, то появится надпись - "Мой светильник", цвет текста у нас черный.
Мой светильник сделан из подручного материала, карниза для штор, консервной банки, бахромы,проволоки, материи,изоляции провода. И согласитесь выглядит совсем не плохо, тем более зтот светильник эсклюзив. Смотрим что у нас получилось, когда воспользовались clear="left" вроде совсем удачно. А атрибут <p align="justify"> выровнял текст по обоим краям документа.
|
|
|
|
