Как использовать горизонтальную линию в HTML для разделения контента на веб-странице?

Для использования горизонтальной линии в HTML для разделения контента на веб-странице можно использовать тег <hr>. htmlacademy.ru puzzleweb.ru Он создаёт видимую горизонтальную линию, разделяющую содержимое страницы. htmlacademy.ru

Пример использования: htmlacademy.ru

<h2>Раздел 1</h2> <p>Это первый раздел веб-страницы.</p> <hr> <h2>Раздел 2</h2> <p>Это второй раздел веб-страницы.</p> <hr> <h2>Раздел 3</h2> <p>Это третий раздел веб-страницы.</p> 

Для изменения цвета, толщины и стиля линии можно воспользоваться CSS-свойством border. puzzleweb.ru Например, код сформирует горизонтальную линию тёмно-серого оттенка высотой в 2 пикселя, лишённую стандартных границ: sky.pro

<hr style=”border: 0; height: 2px; background-color: #333;”> 

Также можно улучшить доступность веб-страницы, если добавить тегу атрибут aria-hidden=”true”. htmlacademy.ru