2.11. Элементы оформления
<CENTER> </CENTER>
Элемент для центрирования текста или других элементов (H1, IMG, TABLE и т.д.). Достоинствами этого элемента являются надежность и возможность написания HTML-кода, удобного для чтения. Действие этого элемента аналогично использованию атрибута align="center".<HR>
Горизонтальная линия (horizontal rule) позволяет разделить Web-страницу или текст на части. Элемент не имеет конечного тега. Ряд атрибутов позволяет разнообразить вид линии.Выравнивание влево, по центру, вправо, по ширине:
align="left"
align="center"
align="right"
align="justify"
Толщина линии задается в пикселах:
size=толщина
Длина линии задается в пикселах или процентах:
width=длина
width=длина%
Можно также задать цвет:
color="цвет"
По умолчанию горизонтальная линия создается с использованием двух оттенков и эффектом объема. Для получения однотонной линии необходимо использовать логический атрибут noshade.
Возможно совместное использование атрибутов центрирования и ширины. Ниже приведен код для создания линии под крупным заголовком. В этом случае не обязательно, чтобы ширина заголовка и линии были равны — линия может быть немного длинней.
<H1 align="center">Текст заголовка</H1>
<HR size=1 width=50% align="center" color="#6060C0">
Аналогичного элемента, создающего вертикальную линию, не существует. Для создания вертикальных линий надо использовать таблицы. В качестве примера можно привести способ деления Web-страницы на четыре зоны. Вертикальная линия создается при помощи ячейки таблицы фиксированной ширины (width=2), а цвет фона этой ячейки (bgcolor=#909090), определяющий цвет вертикальной линии, согласован с цветом горизонтальных линий по умолчанию. По мере заполнения таблицы данными, высота этой ячейки будет увеличиваться, что будет выглядеть как увеличение длины вертикальной линии.
<BODY topmargin=2 marginheight=2>
<TABLE cellspacing=2 cellpadding=0 width="100%" border=0>
<TR>
<TD colspan=3>
Текстовый блок 1
<HR width="100%" size=2>
</TD>
</TR>
<TR>
<TD valign=top rowspan=2>
Текстовый блок 2
</TD>
<TD width=2 bgcolor=#909090>
</TD>
<TD valign=top>
Текстовый блок 3
<HR width="100%" size=2>
Текстовый блок 4
</TD>
</TR>
</TABLE>
</BODY>
На рис. 2.13 показан пример такой Web-страницы.
Рис. 2.13. Web-страница с горизонтальными и вертикальной линиями
<BLOCKQUOTE> </BLOCKQUOTE>
Первоначально элемент предназначался для оформления цитат. Но, как и другие элементы, предназначенные для конкретного текста, он не используется по прямому назначению. Обычно его применяют для создания отступов (текста) от левого края. Этот прием реализован в гипертекстовом редакторе MS FrontPage. Двойной, тройной и т.д. отступы создаются при помощи вложения элементов по принципу «матрешки». Например:<BLOCKQUOTE><BLOCKQUOTE>
Текст с двойным отступом
</BLOCKQUOTE> </BLOCKQUOTE>
Этот элемент имеет собственный нестандартный атрибут, который позволяет указать источник цитирования:
cite="адрес_документа_первоисточника"
Предполагается, что данный адрес задается в виде URL.
© TEKCT.RU, А. Гончаров, 2007-2022
|
|