Вставьте в текст html-документа «Заголовки» после стартового тега body элемент <hr>. Сохраните сделанное изменение в файле и просмотрите обновленный вид html-страницы. Обратите внимание на белый цвет построенной горизонтальной линии.
Добавьте в элемент hr атрибут color= “red” для преобразования этой горизонтальной линии в красный цвет. Проверьте, так ли это на самом деле или нет. Вставьте перед конечным тегом body элемент <hr color= “olive”> для обрамления списка заголовков снизу горизонтальной линией оливкового цвета.
Измените толщину нижней горизонтальной линии, включив в состав нижнего тега hr атрибут size=50.
Измените длину нижней горизонтальной линии, включив в состав нижнего тега hr атрибут width=200. В результате у вас на странице появится прямоугольник пурпурного цвета.
Выровняйте полученный в предыдущем упражнении прямоугольник по правой границе страницы, добавив в тот же тег hr атрибут align=”right”.
Создайте из горизонтальной линии вертикальную, задав для нее атрибуты size=100 и width=2.
Создайте горизонтальную линию, задав для нее ширину в процентном отношении
<hr width=25%>
Примечание. Подобную черту часто ставят в конце html- документа.