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

Реклама


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

HR

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

Этот тег проводит горизонтальную линию на странице.

Собственно внешний вид линии, зависит от браузера и ОС, но его можно настроить через CSS стили. Далеко за примером ходить не нужно - такие линии синего цвета используются в меню нашего сайта слева и в условных обозначениях справа.

Синтаксис

<hr {align color | size width}={ ("left" || "right" || "center") | "цвет" "размер" | "ширина"} {noshade}>

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

align - Устанавливает выравнивание линии.

color - Задаёт цвет линии.

size - Устанавливает размер (толщину) линии.

width - Устанавливает ширину (длину) линии.

noshade - Убирает трёхмерные эффекты у линии.

Параметр ALIGN

Задаёт выравнивание линии на странице.

Возможные аргументы:
left - выравнивание по левому краю
right - выравнивание по правому краю
center - выравнивание нижней границы по центру

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

Параметр COLOR

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

Возможные аргументы:
Цвет по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространенный и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

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

Параметр SIZE

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

Возможные аргументы:
Любое целое число больше нуля.

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

Параметр WIDTH

Задает ширину (длину) линии.

Возможные аргументы:
Корректное значение в пикселях или процентах.

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

Параметр HOSHADE

Этот параметр отменяет трехмерные эффекты отображения линии.

Возможные аргументы:
Отсутствует.

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

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

Пример тега 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 size="15px" color="red">
<hr size="10px" width="50%" align="left">
<hr size="8px" width="65px" noshade align="right">

</body>
</html>

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