Горизонтальная линия в HTML – это элемент, который позволяет визуально разделять контент на веб-страницах. Чтобы создать такую линию, используется тег <hr>
, что сокращенно от “horizontal rule”. Этот тег является одиночным, то есть не требует закрывающего тега.
Пример простого использования:
<p>Текст до линии</p>
<hr>
<p>Текст после линии</p>
Этот код создает стандартную горизонтальную линию между двумя абзацами текста. Внешний вид линии можно настроить с помощью CSS. Например, можно изменить цвет, толщину или стиль линии:
<style>
hr {
border: 0;
height: 2px;
background-color: #333;
}
</style>
<p>Текст до линии</p>
<hr>
<p>Текст после линии</p>
Это CSS правило задаст горизонтальной линии высоту 2 пикселя и окрасит ее в темно-серый цвет. Обратите внимание, что свойство border
задано как 0 для удаления стандартной границы и создания эффекта полосы через background-color
.
С помощью дополнительных стилей можно создавать уникальные дизайны горизонтальной линии hr
в HTML для любого сайта, придавая оформлению особый характер и выделение значимых разделов контента.