Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB