Тег BR
Описание
Тег <BR> устанавливает перевод строки в том
месте, где этот тег находится. В отличие от тега параграфа <P>,
использование тега BR не добавляет пустой отступ перед
строкой. Если текст, в котором используется перевод строки, обтекает плавающий
элемент, то с помощью параметра clear тега <BR>
можно сделать так, чтобы следующая строка начиналась ниже элемента.
Синтаксис
Текст<br> текст
Параметры
- clear
- Сообщает браузеру, как обрабатывать следующую строку, если текст обтекает
плавающий элемент.
Закрывающий тег
Не требуется.
Пример 1. Использование тега <BR>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<b>Р.Л. Стивенсон</b><br>
Лето в стране настало,<br>
Вереск опять цветет.<br>
Но некому готовить<br>
Вересковый мед.
</body>
</html>
Описание параметров тега <BR>
Параметр CLEAR
Описание
Параметр clear сообщает браузеру, как обрабатывать
следующую строку, если текст обтекает плавающий элемент. Плавающим элементом
называется изображение, у которого установлен параметр align
или слой, к которому применяется свойство CSS float.
Результат использования параметра clear зависит
от края, по которому выравнивается элемент и значения аргумента clear.
Так, если изображение выравнивается по левому краю, а значение параметра clear
тега BR установлено как all
или left, то текст после тега BR
будет отображаться ниже рисунка. Любые другие значения параметра clear
заставят текст располагаться справа от изображения и обтекать его.
Синтаксис
<BR clear="all | left | right | none">
Аргументы
- all
- Отменяет обтекание элемента одновременно с правого и левого края.
- left
- Отменяет обтекание с левой стороны элемента, расположенного после тега <BR>.
- right
- Отменяет обтекание с правой стороны элемента.
- none
- Отменяет действие данного свойства.
Значение по умолчанию
Нет.
Пример 2. Отмена обтекания текста
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<div style="float: left; background: #fd0; border: solid 1px black;
padding: 10px; width: 40%">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
<br
clear="left">
Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
feugat nulla facilisi.
</body>
</html>
Примечание
Использование параметра clear в
спецификации HTML 4 осуждается и взамен рекомендуется применять элемент CSS
clear — BR { clear: both | left | none
| right }.
