|
Горизонтальные линии служат для разделения документа на смысловые группы.
Посмотрите как расположены горизонтальные линии у нас на сайте. Она отделяет
основной текст от дополнительных функций.
Линия задается тэгом <HR>. Вот как выглядит простейшая линия:
Виды
линий
Чтобы изменить вид линии нужно ввести специальные ключевые слова. Они
были придуманы несколько лет назад, т.к. обычные линии быстро надоедали.
В таблице 4.1 указаны 2 аттрибута используемые в тэге <HR>.
|
Аттрибут
|
Описание
|
Пример
|
| SHADE |
Создает контур линии.
|
Чтобы получить вот такую линию:
Напишите <hr shade> |
| NOSHADE |
Создает закрашенную линию.
|
Чтобы получить вот такую линию:
Напишите <hr noshade> |
Размеры
Есть аттрибуты, которые позволяют управлять длиной линии и ее толщиной.
В таблице 4.2 указаны эти параметры.
|
Аттрибут
|
Описание
|
Пример
|
| WIDTH |
Длина линии. Задается в % от 1 до 100. По умолчанию стоит 100%. |
Чтобы получить линию нужного размера, пишите:
<HR WIDTH=число%> |
| SIZE |
Толщина линии. Задается в пикселях от 1 до 175. По умолчанию стоит
2 |
Чтобы получить линию нужной толщины пишите:
<HR SIZE=число> |
Выравнивание
Вместе с аттрибутом WIDTH можно выравнивать таблицу по левому краю (left),
по центру (center) (по умолчанию) и по правому краю (right). Задается аттрибутом
ALIGN.
Например <HR WIDTH=77% ALIGN=RIGHT>
Цвет
Можно задать цвет линии с помощью аттрибута color. Цвет может быть любым.
Пример: <HR color=red>
Вы можете комбинировать все эти функции в одной линии. Например линия
зеленого цвета длиной 40 % и толщиной 4 выравнена по левому краю.
<PRE>
и </PRE>
Этот материал не относится к линиям, но он и слишком мал для отдельного
урока, поэтому напишу его здесь.
Если Вам надо отобразить текст в броузере так же как Вы его написали,
не применяя тэгов форматирования, то используйте <PRE> и </PRE>.
Текст заключенный между этими тэгами будет отображаться в броузере без
изменений.
Пример
линий и PRE
<html>
<head>
<title>Линии и тэг PRE</title>
</head>
<body>
<pre>
+++++++++++++
|Виды линий:|
+++++++++++++
Shade
<hr shade>
NoShade
<hr noshade>
+++++++++++++++++++++++
|Эксперименты с длиной|
+++++++++++++++++++++++
Линия длиной 77 процентов
<hr width=77%>
Линия длиной 10%
<hr width=10%>
++++++++++++++++++++++++++++++
|Эксперименты с выравниванием|
++++++++++++++++++++++++++++++
Линия длиной 77 процентов выравнена по
правому краю
<hr width=77% align=right>
Линия длиной 10% выравнена по левому краю
<hr width=10% align=left>
+++++++++++++++++++++++++
|Эксперименты с толщиной|
+++++++++++++++++++++++++
Линия толщиной 25
<hr size=25>
Линия толщиной 100
<hr size=100>
+++++++++++++++++++++++
|Эксперименты с цветом|
+++++++++++++++++++++++
Линия желтого цвета
<hr color=Yellow>
Линия красного цвета
<hr color=red>
++++++++++++
|Комбинация|
++++++++++++
Линия зеленого цвета длиной 40 % и толщиной
4 выравнена по левому краю.
<hr width=40% size=4 align=left noshade
color=green>
Линия длиной 90 % и толщиной 75 выравнена
по правому краю.
<hr width=90% size=75 align=right noshade
color=aqua>
+------------------------------------------+
Весь этот текст отформатирован одним лишь
PRE без других тэгов форматирования
</pre>
</body>
</html>
ЭНАВЕРХЭ
|