5.4. Линии
Тег HR (Horisontal Rule) вставляет в текст горизонтальную разделительную линию. Тег может дополнительно включать атрибуты SIZE (определяет толщину линии в пикселах) и/или WIDTH (определяет размах линии в процентах от ширины экрана или в количестве пикселей). Виды атрибутов, которые можно применять в теге <HR>, приведены в табл. 5.6.
Таблица 5.6.
Атрибуты тега <HR>
|
Наименование атрибута |
Назначение атрибута |
|
WIDTH |
Определяет длину линии в пикселях или процентах от ширины окна браузера. |
|
SIZE |
Определяет толщину линии в пикселях. |
|
ALIGN |
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left - выравнивание по левому краю документа. right - выравнивание по правому краю документа. center - выравнивание по центру документа (используется по умолчанию). |
|
NOSHADE |
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной. |
|
COLOR |
Определяет цвет линии. Работает только в Internet Explorer. |
Примеры линий:
<HR>
<HR WIDTH=50% ALIGN=left SIZE=0>
<HR WIDTH=80% SIZE=3>
<HR NOSHADE WIDTH=80% SIZE=20>
<HR NOSHADE WIDTH=80% COLOR=blue SIZE=8>
Вместо линии можно реализовать и квадрат, например, красного цвета:
<HR NOSHADE ALIGN=left WIDTH=18 COLOR=Red SIZE=18>
Комплексные примеры описания линий
<HR SIZE=2 WIDTH=100%><BR>
<HR SIZE=4 WIDTH=50%><BR>
<HR SIZE=8 WIDTH=25%><BR>
<HR SIZE=16 WIDTH=12%><BR>
<HR SIZE=16 WIDTH=100><BR>
<HR SIZE=16 WIDTH=200><BR>
<HR SIZE=16 WIDTH=300><BR>
<HR size = 1>
<HR size = 5>
<HR size = 10>
<HR size = 1 noshade>
<HR size = 5 noshade>
<HR size = 10 noshade>
<HR SIZE=2 WIDTH=100%><BR>
<HR SIZE=4 WIDTH=50%><BR>
<HR align=left SIZE=4 WIDTH=50%><BR>
<HR align=right SIZE=4 WIDTH=50%><BR>
<HR SIZE=8 WIDTH=25%><BR>
<HR SIZE=16 WIDTH=12%><BR>
<HR SIZE=16 WIDTH=300 color=red><BR>
Комплексные примеры форматирования текста
<BODY bgcolor=aqua text=red>
<H1 align = center> Первый HTML-документ</H1>
<CITE><FONT color=red>Жди меня и я вернусь.</FONT></CITE><BR>
<CITE><FONT color=red size=7>Жди меня и я вернусь.</FONT></CITE><BR>
<B>Жди, когда снега метут</B>
<I>Жди, когда жара,</I>
<TT>Жди, когда других не ждут,</TT>
<EM><FONT color=yellow size=1>Желтые дожди</FONT></EM><BR>
<UL type = square><!-- circle, disk -->
<LI>первый элемент списка</LI>
<LI>второй элемент списка</LI>
<LI>последний элемент списка</LI>
</UL>
<OL type=I><!-- 1, i, I, A, a -->
<LI>первый элемент списка</LI>
<LI>второй элемент списка</LI>
<LI>последний элемент списка</LI>
</OL>