Иллюстрированный самоучитель по созданию сайтов


Горизонтальная линейка


Более, на нашей страничке хотелось бы визуально отделить рассказы от вступительного текста. Это можно сделать с помощью горизонтальной черты. В принципе, для этого достаточно в нужном месте поставить тег

<BR>

(он не имеет закрывающего тега). Однако в этом случае горизонтальная черта займет всю ширину страницы, что будет смотреться неопрятно. Для определения ширины горизонтальной черты можно задать атрибут WIDTH=, например, так:

<HR WIDTH="75%">

В этом случае горизонтальная линия займет 75% от полной ширины экранной страницы. Можно также определять ширину линии и в пикселах ( экранных точках). Например, запись

<HR WIDTH="75">

определит ширину линии в 75 пикселов (это получится очень короткая линия). Если хотите, можете определить также толщину линии, установив атрибут SIZE=.

Некоторые проблемы могут возникнуть, если мы захотим оставить немного Свободного пространства между вступительным текстом и горизонталь ной линией (в данном случае это уместно, так как между линией и заголовком, определенным тегом

<Н2>

, пространство довольно большое, и желательно соблюсти некоторый баланс). Дело в том, что если поставить перед линией тег

<BR>

, то большинство броузеров его проигнорируют. Выход можно найти, если после

<BR>

вставить неразрывный пробел или вместо

<BR>

использовать “пустой” абзац:

<P></P><HR WIDTH="75%">

И то и другое не очень эстетично с точки зрения кода. Правда, если страничка делается для броузеров Netscape (версии 3 и более поздних), можно использовать тег

<SPACER>

, чтобы задать вертикальный отступ:

<SPACER TYPE="vertical" SIZE="25">

собственно говоря, это то, что нужно, но другие броузеры не поддерживают этот тег и поэтому просто проигнорируют его. Поэтому ограничимся пока тегом <BR> с неразрывным пробелом. А в главе 4 вы узнаете, как можно легко решать такие проблемы с помощью CSS (каскадных таблиц стилей).




Начало  Назад  Вперед