Различные части большого документа можно визуально отделить одну от другой с помощью горизонтальных линий. Для создания таких линий в HTML предусмотрен специальный элемент HR (сокращение от Horizontal Ruler ).
Пустой элемент HR отображается браузером в виде стандартной линии. По умолчанию стандартная линия занимает всю ширину окна браузера, а ее толщина составляет 2 пиксела. Верхняя часть такой линии несколько темнее, чем ее нижняя часть. Поэтому в этом случае говорят о стандартной линии с тенью.
Для создания горизонтальных линий, отличающихся от стандартной, применяются атрибуты тега <HR>. Этими атрибутами изменяются свойства стандартной линии. Например, можно убрать тень с помощью атрибута NOSHADE:
< HR NOSHADE >
Другие атрибуты позволяют управлять шириной, толщиной, цветом линии, а также способом ее выравнивания. Рассмотрим подробнее каждое из свойств линии.
Выравнивание линии назначается атрибутом align (как и в случае выравнивания абзаца). Этот атрибут, обычно применяемый в паре с атрибутом задания ширины линии, принимает значения: center (для центрирования линии), left (выравнивание линии по левому краю страницы) или right (выравнивание линии по правому краю страницы). По умолчанию горизонтальные линии отображаются по центру страницы.
✓ Ширина линии формируется атрибутом widht, который указывает значение ширины в пикселах или процентах. Например, тег <HR widht=2 5> определяет горизонтальную линию шириной 25 пикселов. Если значение атрибута widht задается в процентах (ставится символ %), то ширина линии вычисляется относительно ширины окна. Например, запись <HR widht="2 5%"> приводит к отображению горизонтальной линии шириной в одну четвертую окна браузера.
Задание длины линии в относительных единицах (в процентах) более предпочтительно, поскольку в этом случае линии будут одинаково отображаться на пользовательских мониторах разного размера
✓ Толщина линии задается атрибутом SIZE. Значение этого атрибута назначается в пикселах в диапазоне от 1 до 175. Присвоение больших значений атрибуту SIZE не приводит к увеличению фактической толщины линии в обоих браузерах ( Internet Explorer и Netscape ). Если значение SIZE не указано, по умолчанию отображается линия толщиной 2 пиксела.
✓ Цвет линии. Для задания цвета линии в наборе допустимых атрибутов тега горизонтальной линии имеется атрибут color. Запись значения этого атрибута подчиняется определенным правилам, которые изложены в разделе «Управление цветом» данной главы. Например, красная линия задается тегом:
<HR color="red" >
Приведем пример документа, содержащего линии с различными значениями перечисленных атрибутов:
< HTML >
< HEAD >
<ТIТLЕ>Свойства горизонтальных линий</ТIТLЕ> </ HEAD > < BODY >
<Н1>Примеры горизонтальных линий</Н1> Линия шириной 40%: < HR WIDTH = "40%">
Линия шириной 50%, выровненная по левому краю: < HR WIDTH ="50%"align =" left ">
Линия шириной 75%, выровненная по правому краю: < HR WIDTH = "75%" align =" right "> Линия шириной 90% толщиной 5 пикселов: < HR WIDTH ="90%" SIZE =5 NO SHADE >
Оконтуренная линия шириной 90% толщиной 10 пикселов: < HR WIDTH =" 90%" SIZE =10>
Голубая линия толщиной 10 пикселов без тени: <HR SIZE=10 COLOR="cyan" NOSHADE> Линия шириной 80% и максимальной толщины: <HR WIDTH=" 80%" SIZE=175 NOSHADE> </BODY> </HTML>