↑ Вернуться > Размещение графических изображений

Построение горизонтальной линейки

Создание горизонтальной линейки.

Чтобы визуально разделить группы элементов Web страниц, не связанные по смыслу, либо подчеркнуть какие-то фрагменты текста или заголовки, используют горизонтальные линейки.

Для создания линеек используют дескриптор <hr>. По умолчанию Web браузер создаёт линейки чёрного цвета толщиной 2 пикселя. Определённые атрибуты дескриптора <hr> позволяют назначить линейке любой желаемый цвет, толщину, длину и выровнять ее относительно Web страницы.

align -left, center, right
color— используются названия цветов
size — толщина линейки в пикселях
width — длина линейки в пикселях
noshade — устраняет эффект объёмности и линейки воспроизводится в виде плоского двумерного объекта.

Пример:
<hr color=»red» align=»center» noshade=»noshade» size=»5″ width=»500″ >

<hr color=»blue» align=»center» noshade=»noshade» size=»7″ width=»400″ >

<hr color=»green» align=»center» noshade=»noshade» size=»5″ width=»500″ >
Вот, что у нас получилось:

Создадим теперь вертикальные линейки:

<hr color=»red» width=»5″ size=»100″ align=»center» noshade >
<hr color=»yellow» width=»5″ size=»100″ align=»center» noshade >

И получилось: