Пример
Используйте тег <hr> для определения тематических изменений в содержимом:
<h1>Основные языки веб-разработки</h1>
<p>HTML является стандартным языком разметки
для создания веб-страниц. HTML описывает структуру веб-страницы и состоит
из серии элементов. Элементы HTML сообщают браузеру, как отображать
содержимое.</p>
<hr>
<p>CSS — это язык, который описывает,
как элементы HTML должны отображаться на экране, бумаге или в других
медиа. CSS экономит много работы, поскольку может управлять макетом
нескольких веб-страниц одновременно.</p>
<hr>
<p>JavaScript — это
язык программирования для HTML и веб-разработки. JavaScript может изменять
содержимое HTML и значения атрибутов. JavaScript может изменять CSS.
JavaScript может скрывать и показывать HTML-элементы и многое другое.</p>
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Определение и использование
Тег <hr> определяет тематический разрыв на HTML-странице (например, смену темы).
Элемент <hr> чаще всего отображается в виде горизонтальной линии, которая используется для разделения содержимого (или обозначения изменения) на HTML-странице.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <hr> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег <hr> также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег <hr> также поддерживает атрибуты событий в HTML.
Больше примеров
Пример
Выравнивание элемента <hr> (с помощью CSS):
<hr style="width:50%;text-align:left;margin-left:0">
Попробуйте сами »
Пример
Элемент <hr> без тени (с помощью CSS):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Попробуйте сами »
Связанные страницы
Справочник HTML DOM: Объект HR
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <hr> со следующими значениями по умолчанию:
Пример
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
Попробуйте сами »