Litra Library
Главная » Статьи » WEB » Тэги HTML
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> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

Синтаксис

<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

Описание

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

Синтаксис

<hr align="center | left | right">

Аргументы

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 игнорируется.

Синтаксис

<hr 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 отменяет трехмерные эффекты, которые используются при рисовании линии по умолчанию.

Синтаксис

<hr 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

Описание

Задает толщину линии в пикселах.

Синтаксис

<hr size="число">

Аргументы

Любое целое положительное число. Нулевое или отрицательное значение задает толщину линии в один пиксел.

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

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% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.

Синтаксис

<hr width="число">

Аргументы

Любое допустимое значение в пикселах или процентах.

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

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>
Категория: Тэги HTML | Добавил: expert1 (02.02.2013)
Просмотров: 314 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^