Веб Навсегда.инфоHTML-теги → BR

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

BR

Описание элемента

Устанавливает переход на новую строку, после себя.

Довольно часто тег BR применяют внутри параграфа, т.к. он всего лишь переводит текст на новую строку, не добавляя при этом отступа. Хотя использовать этот тег можно где угодно.

Синтаксис

Видимый текст<br {clear="all left right none"}>Видимый текст

Возможные параметры

clear - Устанавливает, как обрабатывать следующую строку, если тег BR установлен после плавающего элемента, обтекаемого текстом.

Параметр CLEAR

Этот параметр играет роль, только если BR, установлен после плавающего элемента, и необходимо задать обтекание текстом этого элемента.

Плавающий элемент - это элемент, являющийся изображением (тег IMG) с установленным выравниванием (параметр align) или слоем (тег DIV) с установленным CSS свойством выравнивания (свойство float).

Результат использования этого параметра зависит не только от значения самого параметра, но и от выравнивания самого плавающего элемента.
Например, если плавающий элемент выравнивается по правому краю, а значением параметра clear является all или right, то текст после тега BR, будет отображаться ниже рисунка. (т.к. параметром clear было запрещено обтекание со всех сторон или справа, а сам элемент выровнен по правому краю). Ну а остальные значения clear в данной ситуации заставят текст обтекать элемент слева.

Возможные аргументы:
all - Отменяет обтекание с левого и правого краёв
left - Отменяет обтекание слева
right - Отменяет обтекание справа
none - Отменяет действие данного свойства

Значение по умолчанию:
Отсутствует.

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

Пример использования тега BR

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример использования тега BR</title>
<style type="text/css">
DIV
{
 float: right;
 background: #D1D8EB;
 border: 0px;
 padding: 10px;
 width: 200px;
}

P
{
 margin-top: -20px;
}
</style>
</head>
<body>

<div>
Каспер всех вирей накроет,<br>
Чуть систему тормозя,<br>
То как хряк он вдруг завоет,<br>
То вдруг хрюкнет как свинья.<br>
</div>

<br clear="left">
<p>
Собственно - это стишок, являющийся немного переделанным стихом А.С. Пушкина "Буря" приведён для демонстрации возможностей тега <b>BR</b>. В часности:<br>
В самом слое (тег <b>DIV</b>) являющимся плавающим элементом и при помощи параметра clear, тега <b>BR</b>, мы сделали обтекание текстом этого стиха.<br>
А в самом блоке со стихотворением, тег <b>BR</b>, используемый без параметров, просто переносит на новую строку часть текста.
</p>

</body>
</html>

И вот как это будет выглядеть в браузере:
Прмиер тега BR и параметра clear