Тег HR
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Выводит горизонтальную линию. Тип зависит от заданных параметров и браузера. Тег <HR> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
Синтаксис
Параметры
| align | Задает выравнивание линии. |
| color | Цвет линии. |
| noshade | Рисует линию без трехмерных эффектов. |
| size | Толщина линии. |
| width | Ширина линии. |
Закрывающий тег
Не требуется.
Пример 1. Использование тега <HR>
<!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>Пример использования тега HR</title>
</head>
<body>
<hr>
<p>Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в Женеве в стенах Европейского совета по ядерным исследованиям.</p>
<hr>
</body>
</html>
Описание параметров тега <HR>
Параметр ALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Выравнивание линии по краю родительского элемента. В качестве родителя обычно выступает окно браузера.
Синтаксис
Аргументы
| center | Выравнивание по центру. |
| left | Выравнивание линии по левому краю. |
| right | Выравнивание по пр авому краю. |
Значение по умолчанию
center
Аналог в CSS
text-align
Пример 2. Выравнивание линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега HR, параметр align</title>
</head>
<body>
<hr align="right" width="300">
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в Женеве в стенах Европейского совета по ядерным исследованиям.
</body>
</html>
Параметр COLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает цвет линии в браузере Internet Explorer. Одновременно, использование этого параметра запрещает трехмерные эффекты, словно был добавлен параметр noshade. В остальных браузерах параметр color игнорируется.
Синтаксис
Аргументы
Для задания цвета линии применяется два способа: первый использует обозначения цветов в шестнадцатеричном коде, а второй - по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Значение по умолчанию
Нет.
Пример 3. Цвет линии
<!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>Пример тега HR, параметр color</title>
</head>
<body>
<hr color="red" width="300">
</body>
</html>
Параметр NOSHADE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Использование параметра noshade отменяет трехмерные эффекты, которые используются при рисовании линии по умолчанию.
Синтаксис
Аргументы
Нет.
Значение по умолчанию
По умолчанию данный параметр не используется.
Пример 4. Сплошная линия
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега HR, параметр noshade</title>
</head>
<body>
<hr width="300">
<hr noshade width="300">
</body>
</html>
Параметр SIZE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает толщину линии в пикселах.
Синтаксис
Аргументы
Любое целое положительное число. Нулевое или отрицательное значение задает толщину линии в один пиксел.
Значение по умолчанию
2
Пример 5. Толщина линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега HR, параметр size</title>
</head>
<body>
<hr noshade size="10">
<hr noshade size="8">
<hr noshade size="6">
<hr noshade size="4">
<hr noshade size="2">
<hr noshade size="1">
</body>
</html>
Параметр WIDTH
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает ширину линии в процентах или пикселах. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.
Синтаксис
Аргументы
Любое допустимое значение в пикселах или процентах.
Значение по умолчанию
100%
Аналог в CSS
width
Пример 6. Ширина линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега HR, параметр width</title>
</head>
<body>
<hr noshade size="4" width="75%">
<hr noshade size="2" width="60%">
<hr noshade size="1" width="50%">
<hr noshade size="1" width="38%">
<hr noshade size="1" width="25%">
<hr noshade size="1" width="10%">
</body>
</html>