Спецификация языка HTML

Выравнивание, стили шрифта и горизонтальные линии

Разбить на страницы
Показывать лекцию целиком

Форматирование

Цвет фона

Определение атрибута

bgcolor = color [CI]

Не рекомендуется. Этот атрибут устанавливает цвет фона документа или ячеек таблицы.

Этот атрибут устанавливает цвет фона "канвы" тела документа (элемент BODY ) или таблицы (элементы TABLE, TR, TH и TD ). Дополнительные атрибуты, устанавливающие цвет текста, могут использоваться с элементом BODY.

Этот атрибут не рекомендуется использовать для определения цвета фона. Лучше использовать таблицы стилей.

Выравнивание

Можно выравнивать блок элементов (таблицы, изображения, объекты, параграфы и т.п.) на "канве" с помощью атрибута align. Хотя этот атрибут может быть установлен для многих элементов HTML, диапазон его значений может отличаться, в зависимости от элемента. Здесь мы обсуждаем только значение атрибута " выравнивание " для текста.

Определение атрибута

align = left|center|right|justify [CI]

Не рекомендуется. Этот атрибут определяет горизонтальное выравнивание элемента по отношению к окружающему контексту. Возможные значения:

  • left: строки текста выравниваются по левому краю;
  • center: строки текста выравниваются по центру;
  • right: строки текста выравниваются по правому краю;
  • justify: строки текста выравниваются по обоим полям.
    •

    Значение по умолчанию зависит от базового направления текста. Для направления слева направо - это align=left, для направления справа налево - по умолчанию align=right.

    НЕ РЕКОМЕНДУЕТСЯ:

    Здесь заголовок центрируется.

    <H1 align="center"> Что за прелесть эта мерзость! </H1>

    Используя CSS (каскадные таблицы стилей), например, Вы можете достичь того же эффекта следующим образом:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  H1 { text-align: center}
 </STYLE>
<BODY>
 <H1> Что за прелесть эта мерзость! </H1>

    Учтите, что это будет действовать на все элементы H1. Вы можете ограничить область видимости стиля, установив атрибут class элемента:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  H1.wood {text-align: center}
 </STYLE>
<BODY>
 <H1 class="wood"> Что за прелесть эта мерзость! </H1>

    НЕ РЕКОМЕНДУЕТСЯ:

    также, для того, чтобы выровнять вправо параграф на "канве" атрибутом HTML align, Вы могли бы записать:

    <P align="right">...параграф текста...

    что в таблице стиля могло бы быть:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  P.mypar {text-align: right}
 </STYLE>
<BODY>
 <P class="mypar">...параграф текста...

    НЕ РЕКОМЕНДУЕТСЯ:

    Чтобы выровнять вправо несколько параграфов, сгруппируйте их элементом DIV:

    <DIV align="right">
 <P>...текст первого параграфа...
 <P>...текст второго параграфа...
 <P>...текст третьего параграфа...
</DIV>

    В таблице стиля свойство выравнивания текста наследуется от предка, поэтому Вы можете использовать:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  DIV.mypars {text-align: right}
 </STYLE>
<BODY>
 <DIV class="mypars">
  <P>...текст первого параграфа...
  <P>...текст второго параграфа...
  <P>...текст третьего параграфа..
 </DIV>

    Чтобы выровнять по центру весь документ:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  BODY {text-align: center}
 </STYLE>
<BODY>
 ...тело выровнено по центру...
</BODY>

    Элемент CENTER полностью эквивалентен определению элемента DIV с атрибутом align, установленным в "center". Элемент CENTER не рекомендуется.

    Плавающие объекты

    Изображения и объекты могут появляться непосредственно "in-line" или "всплывать" к одной из сторон страницы, изменяя временно поля текста, который может обтекать объект по любой его стороне.

    "Всплывание" объекта

    Атрибут align объектов, изображений, таблиц, фрэймов и т.п. заставляет объект прижиматься к левому или правому полю страницы. Плавающие объекты обычно начинают новую строку. Этот атрибут принимает следующие значения:

  • left: прижимает объект к левому краю. Последующий текст обтекает объект справа.
  • right: прижимает объект к правому краю. Последующий текст обтекает объект слева.
    •

    ПРИМЕР НЕ РЕКОМЕНДУЕМОГО ИСПОЛЬЗОВАНИЯ:

    Пример показывает как элемент IMG "всплывает" к левому краю "канвы".

    <IMG align="left" src="http://foo.com/animage.gif" alt="my boat">

    Некоторые атрибуты выравнивания также допускают значение "center", которое не вызывает всплывания, а центрирует объект по отношению к краям. В то же время, у элементов P и DIV, значение "center" вызывает центрирование содержимого элементов.

    Обтекание текста вокруг объекта

    Ещё один атрибут, определённый для элемента BR, управляет обтеканием текста вокруг "всплывающего" объекта.

    Определение атрибута

    clear = none|left|right|all [CI]

    Не рекомендуется. Определяет, где должна появиться следующая строка после обрыва строки, сделанного этим элементом. Этот атрибут учитывает плавающие объекты (изображения, таблицы и т.д.). Возможные значения:

  • none: следующая строка начнётся нормально. Это значение по умолчанию.
  • left: следующая строка начнётся в ближайшей строке под любым плавающим объектом у левого края.
  • right: следующая строка начнётся в ближайшей строке под любым плавающим объектом у правого края.
  • all: следующая строка начнётся в ближайшей строке под любым плавающим объектом у любого края.
    •

    Посмотрите на этот рисунок. Текст обтекает изображение по правому краю до обрыва строки элементом BR:

    *********  -------
|       |  -------
| image |  --<BR>
|       |
*********

    Если атрибут clear установлен в none, линия, следующая после BR, начнётся сразу под ним у правого края изображения:

    *********  -------
|       |  -------
| image |  --<BR>
|       |  ------
*********

    НЕ РЕКОМЕНДУЕТСЯ:

    Если атрибут clear установлен в left или all, следующая строка появится так:

    *********  -------
|       |  -------
| image |  --<BR clear="left">
|       |  
*********
-----------------

    Используя таблицы стилей, Вы можете установить, чтобы все обрывы строки вели себя одинаково для объектов (изображений, таблиц и т.д.), "всплывая" у левого края. В таблице стилей Вы можете записать:

    <STYLE type="text/css">
BR { clear: left }
</STYLE>

    Чтобы определить такое поведение для конкретного элемента BR, нужно скомбинировать информацию о стиле и атрибут id:

    <HEAD>
...
<STYLE type="text/css">
BR#mybr { clear: left }
</STYLE>
</HEAD>
<BODY>
<P>...
*********  -------
|       |  -------
| table |  --<BR id="mybr">
|       |  
*********
-----------------
...
</BODY>

    Шрифты

    Последующие элементы HTML специфицируют информацию о шрифте. Хотя они и не относятся к не рекомендуемым, их использование менее предпочтительно, чем таблиц стилей.

    Элементы стиля шрифта: TT, I, B, BIG, SMALL, STRIKE, S и U

    <!ENTITY % fontstyle
 "TT | I | B | BIG | SMALL">
<!ELEMENT (%fontstyle;|%phrase;) - - (%inline;)*>
<!ATTLIST (%fontstyle;|%phrase;)
  %attrs;                              -- %coreattrs, %i18n, %events --
  >
    Начальный тег: необходим, Конечный тег: необходим

    Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста )
  • title (название элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
    •

    Представление элементов стиля шрифта зависит от пользовательского агента (ПА). Следующее описание является лишь информативным.

    TT: моноширинный текст, телетайп.

    I: курсив.

    B: полужирный.

    BIG: "большой" шрифт.

    SMALL: "малый" шрифт.

    STRIKE и S: не рекомендуются, зачёркнутый текст.

    U: не рекомендуется, подчёркнутый.

    Вот несколько примеров определения шрифта:

    <P><b>bold</b>,
<i>italic</i>, <b><i>bold italic</i></b>, <tt>teletype text</tt>, and
<big>big</big> and <small>small</small> text.

    Это будет отображено так:

    Можно применить более сложные варианты отображения шрифтов, используя таблицы стилей. Чтобы отобразить голубой курсив в параграфе с помощью таблицы стилей (CSS):

    <HEAD>
<STYLE type="text/css">
P#mypar {font-style: italic; color: blue}
</STYLE>
</HEAD>
<P id="mypar">...голубой курсив...

    Элементы стиля шрифта должны вкладываться соответствующим образом. Отображение вложенных элементов стиля шрифта зависит от ПА.

    Элементы модификатора шрифта: FONT и BASEFONT

    FONT и BASEFONT не рекомендуется применять.

    См. формальное определение в разделе Переходное ОТД.

    Определения атрибутов

    size = cdata [CN]

    Не рекомендуется. Устанавливает размер шрифта. Возможные значения:

  • Целое число от 1 до 7. Устанавливает шрифт в определённый фиксированный размер, представление которого зависит от ПА. Не все ПА могут отобразить все семь размеров.
  • Относительное увеличение размера шрифта. "+1" означает: на один размер больше. "-3" означает: на три размера меньше. Все размеры находятся в пределах шкалы от 1 до 7.
    •

    color = color [CI]

    Не рекомендуется. Устанавливает цвет текста.

    face = cdata [CI]

    Не рекомендуется. Определяет список имён шрифтов, разделённых запятыми, которые ПА должен искать в порядке убывания приоритета.

    Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста )
  • title (название элемента)
  • style (инлайн-стиль)
    •

    Элемент FONT изменяет размер шрифта и цвет текста своего содержимого.

    Элемент BASEFONT устанавливает базовый размер шрифта (используя атрибут size ). Размер шрифта, определяемый FONT, является относительным по отношению к BASEFONT. Если BASEFONT не используется, размер базового шрифта составляет 3.

    НЕ РЕКОМЕНДУЕТСЯ:

    В этом примере показана разница между шрифтами семи размеров элемента FONT:

    <P><font size=1>size=1</font>
<font size=2>size=2</font>
<font size=3>size=3</font>
<font size=4>size=4</font>
<font size=5>size=5</font>
<font size=6>size=6</font>
<font size=7>size=7</font>

    Это может выглядеть так:

    А это пример относительного изменения размера шрифта с использованием базового размера 3:

    Базовый размер шрифта не применяется к заголовкам/headings, за исключением тех случаев, когда заголовки изменены с использованием относительного изменения размера в элементе FONT.

    Горизонтальные линии: элемент HR

    <!ELEMENT HR - O EMPTY -- горизонтальная линия -->
<!ATTLIST HR
  %attrs;                              -- %coreattrs, %i18n, %events --
  >
    Начальный тег: необходим, Конечный тег: запрещён

    Определение атрибутов

    align = left|center|right [CI]

    Не рекомендуется. Определяет горизонтальное выравнивание линии по отношению к окружающему контексту. Возможные значения:

  • left: линия выравнивается влево.
  • center: линия выравнивается по центру.
  • right: линия выравнивается вправо.
    •

    По умолчанию align=center.

    noshade [CI]

    Не рекомендуется. Если этот булев атрибут установлен, он требует, чтобы ПА отображал горизонтальную линию сплошным цветом, а не традиционно с двухцветной "тенью".

    size = pixels [CI]

    Не рекомендуется. Определяет высоту линии. Значение по умолчанию зависит от ПА.

    width = length [CI]

    Не рекомендуется. Определяет ширину линии. Ширина по умолчанию - 100%, т.е. линия растянута по ширине всей "канвы".

    Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста )
  • title (название элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
    •

    Элемент HR отображает горизонтальную линию в ПА.

    Величина свободного пространства под и над горизонтальной линией зависит от ПА.

    НЕ РЕКОМЕНДУЕТСЯ:

    В этом примере линия центрируется, размер установлен в половину доступной ширины между краями страницы. Верхняя линия имеет толщину по умолчанию, а две нижние - по 5 пикселов. Нижняя линия должна отображаться сплошным цветом без тени:

    <HR width="50%" align="center">
<HR size="5" width="50%" align="center">
<HR noshade size="5" width="50%" align="center">

    Эти линии должны выглядеть примерно так:
    Страницы:

    Форматирование

    Цвет фона

    Определение атрибута

    bgcolor = color [CI]

    Не рекомендуется. Этот атрибут устанавливает цвет фона документа или ячеек таблицы.

    Этот атрибут устанавливает цвет фона "канвы" тела документа (элемент BODY ) или таблицы (элементы TABLE, TR, TH и TD ). Дополнительные атрибуты, устанавливающие цвет текста, могут использоваться с элементом BODY.

    Этот атрибут не рекомендуется использовать для определения цвета фона. Лучше использовать таблицы стилей.

    Выравнивание

    Можно выравнивать блок элементов (таблицы, изображения, объекты, параграфы и т.п.) на "канве" с помощью атрибута align. Хотя этот атрибут может быть установлен для многих элементов HTML, диапазон его значений может отличаться, в зависимости от элемента. Здесь мы обсуждаем только значение атрибута " выравнивание " для текста.

    Определение атрибута

    align = left|center|right|justify [CI]

    Не рекомендуется. Этот атрибут определяет горизонтальное выравнивание элемента по отношению к окружающему контексту. Возможные значения:

  • left: строки текста выравниваются по левому краю;
  • center: строки текста выравниваются по центру;
  • right: строки текста выравниваются по правому краю;
  • justify: строки текста выравниваются по обоим полям.
    •

    Значение по умолчанию зависит от базового направления текста. Для направления слева направо - это align=left, для направления справа налево - по умолчанию align=right.

    НЕ РЕКОМЕНДУЕТСЯ:

    Здесь заголовок центрируется.

    <H1 align="center"> Что за прелесть эта мерзость! </H1>

    Используя CSS (каскадные таблицы стилей), например, Вы можете достичь того же эффекта следующим образом:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  H1 { text-align: center}
 </STYLE>
<BODY>
 <H1> Что за прелесть эта мерзость! </H1>

    Учтите, что это будет действовать на все элементы H1. Вы можете ограничить область видимости стиля, установив атрибут class элемента:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  H1.wood {text-align: center}
 </STYLE>
<BODY>
 <H1 class="wood"> Что за прелесть эта мерзость! </H1>

    НЕ РЕКОМЕНДУЕТСЯ:

    также, для того, чтобы выровнять вправо параграф на "канве" атрибутом HTML align, Вы могли бы записать:

    <P align="right">...параграф текста...

    что в таблице стиля могло бы быть:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  P.mypar {text-align: right}
 </STYLE>
<BODY>
 <P class="mypar">...параграф текста...

    НЕ РЕКОМЕНДУЕТСЯ:

    Чтобы выровнять вправо несколько параграфов, сгруппируйте их элементом DIV:

    <DIV align="right">
 <P>...текст первого параграфа...
 <P>...текст второго параграфа...
 <P>...текст третьего параграфа...
</DIV>

    В таблице стиля свойство выравнивания текста наследуется от предка, поэтому Вы можете использовать:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  DIV.mypars {text-align: right}
 </STYLE>
<BODY>
 <DIV class="mypars">
  <P>...текст первого параграфа...
  <P>...текст второго параграфа...
  <P>...текст третьего параграфа..
 </DIV>

    Чтобы выровнять по центру весь документ:

    <HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  BODY {text-align: center}
 </STYLE>
<BODY>
 ...тело выровнено по центру...
</BODY>

    Элемент CENTER полностью эквивалентен определению элемента DIV с атрибутом align, установленным в "center". Элемент CENTER не рекомендуется.

    Плавающие объекты

    Изображения и объекты могут появляться непосредственно "in-line" или "всплывать" к одной из сторон страницы, изменяя временно поля текста, который может обтекать объект по любой его стороне.

    "Всплывание" объекта

    Атрибут align объектов, изображений, таблиц, фрэймов и т.п. заставляет объект прижиматься к левому или правому полю страницы. Плавающие объекты обычно начинают новую строку. Этот атрибут принимает следующие значения:

  • left: прижимает объект к левому краю. Последующий текст обтекает объект справа.
  • right: прижимает объект к правому краю. Последующий текст обтекает объект слева.
    •

    ПРИМЕР НЕ РЕКОМЕНДУЕМОГО ИСПОЛЬЗОВАНИЯ:

    Пример показывает как элемент IMG "всплывает" к левому краю "канвы".

    <IMG align="left" src="http://foo.com/animage.gif" alt="my boat">

    Некоторые атрибуты выравнивания также допускают значение "center", которое не вызывает всплывания, а центрирует объект по отношению к краям. В то же время, у элементов P и DIV, значение "center" вызывает центрирование содержимого элементов.

    Обтекание текста вокруг объекта

    Ещё один атрибут, определённый для элемента BR, управляет обтеканием текста вокруг "всплывающего" объекта.

    Определение атрибута

    clear = none|left|right|all [CI]

    Не рекомендуется. Определяет, где должна появиться следующая строка после обрыва строки, сделанного этим элементом. Этот атрибут учитывает плавающие объекты (изображения, таблицы и т.д.). Возможные значения:

  • none: следующая строка начнётся нормально. Это значение по умолчанию.
  • left: следующая строка начнётся в ближайшей строке под любым плавающим объектом у левого края.
  • right: следующая строка начнётся в ближайшей строке под любым плавающим объектом у правого края.
  • all: следующая строка начнётся в ближайшей строке под любым плавающим объектом у любого края.
    •

    Посмотрите на этот рисунок. Текст обтекает изображение по правому краю до обрыва строки элементом BR:

    *********  -------
|       |  -------
| image |  --<BR>
|       |
*********

    Если атрибут clear установлен в none, линия, следующая после BR, начнётся сразу под ним у правого края изображения:

    *********  -------
|       |  -------
| image |  --<BR>
|       |  ------
*********

    НЕ РЕКОМЕНДУЕТСЯ:

    Если атрибут clear установлен в left или all, следующая строка появится так:

    *********  -------
|       |  -------
| image |  --<BR clear="left">
|       |  
*********
-----------------

    Используя таблицы стилей, Вы можете установить, чтобы все обрывы строки вели себя одинаково для объектов (изображений, таблиц и т.д.), "всплывая" у левого края. В таблице стилей Вы можете записать:

    <STYLE type="text/css">
BR { clear: left }
</STYLE>

    Чтобы определить такое поведение для конкретного элемента BR, нужно скомбинировать информацию о стиле и атрибут id:

    <HEAD>
...
<STYLE type="text/css">
BR#mybr { clear: left }
</STYLE>
</HEAD>
<BODY>
<P>...
*********  -------
|       |  -------
| table |  --<BR id="mybr">
|       |  
*********
-----------------
...
</BODY>

    Шрифты

    Последующие элементы HTML специфицируют информацию о шрифте. Хотя они и не относятся к не рекомендуемым, их использование менее предпочтительно, чем таблиц стилей.

    Элементы стиля шрифта: TT, I, B, BIG, SMALL, STRIKE, S и U

    <!ENTITY % fontstyle
 "TT | I | B | BIG | SMALL">
<!ELEMENT (%fontstyle;|%phrase;) - - (%inline;)*>
<!ATTLIST (%fontstyle;|%phrase;)
  %attrs;                              -- %coreattrs, %i18n, %events --
  >
    Начальный тег: необходим, Конечный тег: необходим

    Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста )
  • title (название элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
    •

    Представление элементов стиля шрифта зависит от пользовательского агента (ПА). Следующее описание является лишь информативным.

    TT: моноширинный текст, телетайп.

    I: курсив.

    B: полужирный.

    BIG: "большой" шрифт.

    SMALL: "малый" шрифт.

    STRIKE и S: не рекомендуются, зачёркнутый текст.

    U: не рекомендуется, подчёркнутый.

    Вот несколько примеров определения шрифта:

    <P><b>bold</b>,
<i>italic</i>, <b><i>bold italic</i></b>, <tt>teletype text</tt>, and
<big>big</big> and <small>small</small> text.

    Это будет отображено так:

    Можно применить более сложные варианты отображения шрифтов, используя таблицы стилей. Чтобы отобразить голубой курсив в параграфе с помощью таблицы стилей (CSS):

    <HEAD>
<STYLE type="text/css">
P#mypar {font-style: italic; color: blue}
</STYLE>
</HEAD>
<P id="mypar">...голубой курсив...

    Элементы стиля шрифта должны вкладываться соответствующим образом. Отображение вложенных элементов стиля шрифта зависит от ПА.

    Элементы модификатора шрифта: FONT и BASEFONT

    FONT и BASEFONT не рекомендуется применять.

    См. формальное определение в разделе Переходное ОТД.

    Определения атрибутов

    size = cdata [CN]

    Не рекомендуется. Устанавливает размер шрифта. Возможные значения:

  • Целое число от 1 до 7. Устанавливает шрифт в определённый фиксированный размер, представление которого зависит от ПА. Не все ПА могут отобразить все семь размеров.
  • Относительное увеличение размера шрифта. "+1" означает: на один размер больше. "-3" означает: на три размера меньше. Все размеры находятся в пределах шкалы от 1 до 7.
    •

    color = color [CI]

    Не рекомендуется. Устанавливает цвет текста.

    face = cdata [CI]

    Не рекомендуется. Определяет список имён шрифтов, разделённых запятыми, которые ПА должен искать в порядке убывания приоритета.

    Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста )
  • title (название элемента)
  • style (инлайн-стиль)
    •

    Элемент FONT изменяет размер шрифта и цвет текста своего содержимого.

    Элемент BASEFONT устанавливает базовый размер шрифта (используя атрибут size ). Размер шрифта, определяемый FONT, является относительным по отношению к BASEFONT. Если BASEFONT не используется, размер базового шрифта составляет 3.

    НЕ РЕКОМЕНДУЕТСЯ:

    В этом примере показана разница между шрифтами семи размеров элемента FONT:

    <P><font size=1>size=1</font>
<font size=2>size=2</font>
<font size=3>size=3</font>
<font size=4>size=4</font>
<font size=5>size=5</font>
<font size=6>size=6</font>
<font size=7>size=7</font>

    Это может выглядеть так:

    А это пример относительного изменения размера шрифта с использованием базового размера 3:

    Базовый размер шрифта не применяется к заголовкам/headings, за исключением тех случаев, когда заголовки изменены с использованием относительного изменения размера в элементе FONT.

    Горизонтальные линии: элемент HR

    <!ELEMENT HR - O EMPTY -- горизонтальная линия -->
<!ATTLIST HR
  %attrs;                              -- %coreattrs, %i18n, %events --
  >
    Начальный тег: необходим, Конечный тег: запрещён

    Определение атрибутов

    align = left|center|right [CI]

    Не рекомендуется. Определяет горизонтальное выравнивание линии по отношению к окружающему контексту. Возможные значения:

  • left: линия выравнивается влево.
  • center: линия выравнивается по центру.
  • right: линия выравнивается вправо.
    •

    По умолчанию align=center.

    noshade [CI]

    Не рекомендуется. Если этот булев атрибут установлен, он требует, чтобы ПА отображал горизонтальную линию сплошным цветом, а не традиционно с двухцветной "тенью".

    size = pixels [CI]

    Не рекомендуется. Определяет высоту линии. Значение по умолчанию зависит от ПА.

    width = length [CI]

    Не рекомендуется. Определяет ширину линии. Ширина по умолчанию - 100%, т.е. линия растянута по ширине всей "канвы".

    Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста )
  • title (название элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
    •

    Элемент HR отображает горизонтальную линию в ПА.

    Величина свободного пространства под и над горизонтальной линией зависит от ПА.

    НЕ РЕКОМЕНДУЕТСЯ:

    В этом примере линия центрируется, размер установлен в половину доступной ширины между краями страницы. Верхняя линия имеет толщину по умолчанию, а две нижние - по 5 пикселов. Нижняя линия должна отображаться сплошным цветом без тени:

    <HR width="50%" align="center">
<HR size="5" width="50%" align="center">
<HR noshade size="5" width="50%" align="center">

    Эти линии должны выглядеть примерно так:
    Предыдущее занятие Следующее занятие
    Вернуться к учебному плану
    ^