Вы здесь

Горизонтальные линии в документе (элемент HR )

Различные части большого документа можно визуально отделить одну от другой с по­мощью горизонтальных линий. Для создания таких линий в 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>