Обрывы строк

Иногда необходимо чтобы текст размещенный в теге выводился в несколько строк или "разрывался" только в определенных местах. Для этого предусмотрены специальные теги.

Теги разрыва строк:

<BR> – Обрывает строку. Текст после этого тега выводится в следующей строке, а свойства (оформление) тега в котором он находится сохраняются. Закрывающего тега не требуется. Не все программы корректно обрабатывают тег <br>, в этом случае следует использовать <br />.

<CLEAR> – Задание способа размещения (обтекания) текста вокруг "плавающего" элемента (таблицы, изображения и т.д. – элемента у которого задан атрибут align).

<NOBR> – Запрет переноса строки. Тег является контейнером и требует закрывающего тега: <nobr>... Текст строки ...</nobr>. Вся информация помещенная в контейнер будет отображаться в одну строку, если строка больше видимой области то браузер создаст горизонтальную полосу прокрутки (это может испортить внешний вид сайта).

<WBR> – Используется внутри контейнера <nobr>и задает место в котором можно "разорвать"строку.

Значения атрибута CLEAR:

all – Запрещает обтекание текста с двух сторон.

left – Разрешает обтекание (расположенного после тега) с левой стороны плавающего объекта.

right – Разрешает обтекание (расположенного после тега) с правой стороны плавающего объекта.

none – Отменяет заданные свойства.

Примеры использования:

<p align=center><nobr>Пример очень длинной строки, которая не помещается на экран целиком.<wbr> Указав место переноса вы гарантируете сохранение красивого вида.</nobr></p>

Пример очень длинной строки, которая не помещается на экран целиком. Указав место переноса вы гарантируете сохранение красивого вида.

Пример обтекания текста вокруг изображения

<img align=right ... ><p clear=all>... Текст ...</p>	<img align=right ... ><p clear=left>... Текст ...</p>
Текст не обтекает картинку, а расположен после изображения.	Текст обтекает изображение с левой стороны. Изображение "прижато" к правому краю ячейки таблицы. Изменив размер окна браузера Вы увидите как будет изменен вид текста.
<img align=right ... ><p clear=none>... Текст ...</p>	<img align=right ... ><p clear=right>... Текст ...</p>
Текст обтекает изображение с любой стороны, не зависимо от значения параметра align установленного для изображения.	Текст обтекает изображение с правой стороны. Изображение "прижато" к левому краю ячейки таблицы. Изменив размер окна браузера Вы увидите как будет изменен вид текста.