HTML - тег <hr>
Пример
Используйте тег <hr> для определения тематических изменений в содержании:
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup
language for creating Web pages. HTML describes the structure of a Web page,
and consists of a series of elements. HTML elements tell the browser how to
display the content.</p>
<hr>
<p>CSS is a language that
describes how HTML elements are to be displayed on screen, paper, or in
other media. CSS saves a lot of work, because it can control the layout of
multiple web pages all at once.</p>
<hr>
<p>JavaScript is the
programming language of HTML and the Web. JavaScript can change HTML content
and attribute values. JavaScript can change CSS. JavaScript can hide and
show HTML elements, and more.</p>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <hr>определяет тематический разрыв на HTML-странице (например, смену темы).
Элемент <hr>чаще всего отображается в виде горизонтальной линейки, которая используется для разделения содержимого (или определения изменения) на странице HTML.
Поддержка браузера
| Element | |||||
|---|---|---|---|---|---|
| <hr> | Yes | Yes | Yes | Yes | Yes |
Глобальные атрибуты
Тег <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">
Пример
Установите высоту элемента <hr> (с помощью CSS):
<hr style="height:30px">
Пример
Установите ширину элемента <hr> (с помощью CSS):
<hr style="width:50%">
Связанные страницы
Справочник по 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;
}