Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Как вставить горизонтальную линию на HTML странице.

Viktor | 24.02.2014 | нет комментариев

С помощью тега hr (Horisontal Rule) на web-страницу можно вставить горизонтальную разделительную линию. Например вот так:


Листинг 16.1.

<HR WIDTH=”50%” ALIGN=”center” SIZE=”1″>

Вот что мы указали в коде листинга: Линия размером 50 процентов от общей ширины, с выравниванием по центру и толщиной в один пиксель.

Тега hr может иметь следующие атрибуты:

WIDTH
Определяет длину линии в пикселях или процентах от ширины окна Обозревателя.
SIZE
Определяет толщину линии в пикселях.
ALIGN
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
left – выравнивание по левому краю документа.
right – выравнивание по правому краю документа.
center – выравнивание по центру документа (используется по умолчанию).
NOSHADE
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
COLOR
Определяет цвет линии. УвереннорРаботает только в Internet Explorer, в других браузерах могут быть искажения.

Несколько примеров линий:

<HR> (Обычная линия)


Листинг 16.2.

<HR WIDTH=”50%” ALIGN=”left” SIZE=”0″>

Линия размером 50 процентов с выравниванием по левому краю и с нулевой толщиной.


Листинг 16.3.

<HR WIDTH=”80%” ALIGN=”center” SIZE=”3″>

Линия размером 80 процентов, выравнивание по центру и толщиной 3 пикселя:


Листинг 16.4.

<HR NOSHADE WIDTH=”80% СOLOR=”Blue” SIZE=”8″>

Линия размером 80 процентов с толщиной 8 пикселей. Кроме этого линия закрашена синим цветом, выравгивание по центру – по умолчанию:


Вместо линии можно реализовать и квадрат:

Листинг 16.5.

<HR NOSHADE WIDTH=”18″ СOLOR=”Red” SIZE=”18″>

Длина и толщина линии одинакова, за счет этого и рисуется квадрат. Он выполнен с выравниванием по центру и имеет красный цвет:


Расположить несколько квадратов в одну строку, к сожалению, нельзя.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB