HTML :: Тег <hr>

В HTML тег <hr> (от англ. horizontal rule – горизонтальная линейка) рисует горизонтальную линию, которая может служить для визуального и логического отделения одних блоков текста от других. Элемент <hr> является пустым, но браузерами он отображается как блочный элемент, поэтому содержимое, которое следует после элемента, переносится на новую строку, а сама линия занимает всю доступную ширину.

Внешний вид элемента <hr> (например, цвет или размер) легко изменить при помощи таблиц стилей CSS.

Синтаксис

	<hr>		                    				(закрывающий тег не требуется)

Атрибуты

Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-hr-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/hr

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>
  
  <div  style="width: 300px">
	  <p>
		Я &ndash; первый абзац. 
	  </p>
	   
	  <!--Используем «hr» для разделения абзацев-->
	  <hr style="color: green">
	   
	  <p>
		Я &ndash; второй абзац. Меня отделили <br>
		горизонтальной линией от первого абзаца. 
	  </p>	
  </div>		
	
</body>
</html>

Пример №1