Несмотря на то, что сегодня в сайтостроении всё чаще используются современные средства разметки, такие как CSS, старые добрые теги HTML продолжают поддерживаться всеми браузерами и, например, я, продолжаю их применять. Потому что такие теги как HR можно очень быстро вставить в HTML-код и получить нужный эффект. И, особенно если это какая-то не сильно важная страница сайта или вообще страница, которая является частью документации, то это можно и нужно использовать. К тому же удачные решения не могут устареть, ну разве что вместе со всей технологией.
Итак, тег HR вставляет в HTML-страницу горизонтальную полосу, которая пересекает страницу (или какую-то выделенную часть страницы) от края до края. Это непарный тег, то есть у него нет закрывающего тега.
Полоса помещается непосредственно под текущей строкой, а поток текста возобновляется сразу после этой полосы.
Способ отображения этой полосы зависит от конкретного браузера. Текстовые браузеры могут отображать её в виде набора символов тире или подчёркиваний. Графические браузеры могут отображать её объёмной или плоской (по умолчанию, но вы можете на это повлиять).
Над и под полосой нет добавочных интервалов. Если вы хотите, чтобы сверху и/или снизу были отступы, то вы должны принять дополнительные меры (например, вставить пустой абзац, или полосу поместить в абзац).
Из атрибутов можно отметить size и color. Первый изменяет толщину линии, второй - цвет. Остальные атрибуты используются редко, но, возможно, о каких-то из них я расскажу отдельно. Впрочем, эти атрибуты применять нежелательно, хотя они и поддерживаются большинством браузеров. Более современным способом является использование CSS (в примере ниже приведены оба способа).
А на экране это будет выглядеть примерно так:
На этом всё. Подписывайтесь на канал, чтобы ничего не пропустить.