Тег «hr» – это элемент HTML, используемый для создания горизонтальной линии, которая обычно используется для разделения контента на веб-странице. Тег означает «горизонтальное правило».
Тег «hr» является самозакрывающимся, то есть у него нет закрывающего тега. Обычно он используется для визуального разделения разделов или блоков контента на веб-странице, например для разделения абзацев или разделов формы.
Вот несколько способов использования тега hr:
-
Основное использование: вы можете просто вставить “
” в HTML-коде для создания горизонтальной линии. Например:
<p>Some content here</p> <hr> <p>More content here</p>
Это создаст горизонтальную линию между двумя абзацами.
-
Стилизация горизонтального правила: вы можете использовать CSS, чтобы изменить внешний вид горизонтального правила. Например, вы можете изменить его цвет, ширину, высоту или добавить декоративные стили. Вот пример того, как можно оформить тег «hr» с помощью CSS:
<style> hr { border: none; height: 2px; background-color: red; } </style> <hr>
Это создаст красную горизонтальную линию высотой 2 пикселя.
-
Использование атрибутов. Тег «hr» поддерживает несколько атрибутов, которые можно использовать для дальнейшей настройки его внешнего вида. Например, вы можете использовать атрибут «align», чтобы указать выравнивание горизонтальной линии. Возможные значения: «слева», «справа» или «по центру». Вот пример:
<hr align="center">
Горизонтальная линия будет выровнена по центру.