www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег BR
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег BR

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Тег <BR> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега параграфа <P>, использование тега <BR> не добавляет пустой отступ перед строкой. Если контент, в котором используется перевод строки, обтекает плавающий элемент, то с помощью параметра clear тега <BR> можно сделать так, чтобы следующая строка начиналась ниже элемента.

Синтаксис

контент<br> контент

Параметры

clear
Сообщает браузеру, как обрабатывать следующую строку, если контент обтекает плавающий элемент.

Закрывающий тег

Не требуется.

Пример 1. Использование тега <BR>

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег BR</title>
 </head>
 <body>

  <p>Р.Л. Стивенсон</p>
  <p>Лето в стране настало,<Br>
   Вереск опять цветет.<Br>
   Но некому готовить<Br>
   Вересковый мед.</p>

 </body>
</html>

Результат данного примера показан ни рис. 1.

Рис. 1

Рис. 1. Вид контента при использовании тега <BR>

Описание параметров тега <BR>

Параметр CLEAR

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Параметр clear сообщает браузеру, как обрабатывать следующую строку, если контент обтекает плавающий элемент. Плавающим элементом имеется ввиду изображение, у которого установлен параметр align или слой, к которому применяется свойство CSS (ЦСС) float.

Результат использования параметра clear зависит от края, по которому выравнивается элемент и значения аргумента clear. Так, если изображение выравнивается по левоой стороне, а значение параметра clear тега <BR> установлено как all или left, то контент после тега <BR> будет отображаться ниже рисунка. Любые другие значения параметра clear заставят контент располагаться справа от Имаги и обтекать его.

Синтаксис

<BR clear="all | left | right | none">

Аргументы

all
Отменяет обтекание элемента одновременно с правого и левого края.
left
Отменяет обтекание с левой стороны элемента, расположенного после тега <BR>.
right
Отменяет обтекание с правой стороны элемента.
none
Отменяет действие данного свойства.

Значение по умолчанию

Нет.

Аналог CSS (ЦСС)

clear

Пример 2. Отмена обтекания контента

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег BR, параметр clear</title>
 </head>
 <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">
  <p>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.</p>

 </body>
</html>

Результат примера показан на рис. 2.

Рис. 2

Рис. 2. Отмена обтекания блока контентом

Примечание

Использование параметра clear в спецификации ШТМЛ 4 осуждается и взамен рекомендуется применять элемент CSS (ЦСС) clear — BR { clear: both | left | none | right }.

Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект