Использование горизонтальных линий для структурирования Web-содержимого
При создании Web-страницы немаловажно организовать содержимое страницы в группы родственной информации. Например, содержимое Web-страницы, посвященной торговле транспортными средствами, можно разделить на секции о легковых автомобилях, грузовых автомобилях и микроавтобусах. Или же можно структурировать страницу, отделив сведения о транспорте, сдающемся напрокат, от транспорта, который можно взять в лизинг или приобрести.
Одним из способов структурирования Web-страницы является использование горизонтальных линий для разделения различных типов содержимого. Предположим, например, вы создаете Web-страницу для вывода на экран данных о проведенном исследовании, и хотите отделить результаты исследования от примечаний. Чтобы создать горизонтальную линию, которая будет отделять текст исследовательской работы от примечаний, воспользуйтесь дескриптором <hr>. В приведенном ниже HTML-коде дескрипторы <hr> дают Web-браузеру указание поместить в окне горизонтальные линии, как показано на рис. 1.19:
<html><head>
<title>Использование горизонтальных линий</title>
</head><body>
<center>
<h2>Using ImageReady to Slice an Image</h2>
</center>
<p>When you slice an image . . . остальной текст </p>
<p>Slicing an image has . . . остальной текст </p>
<p>Treat each individual ... остальной текст </p>
<p>However, it is just as ... остальной текст </p>
<p>You can accomplish this ... остальной текст </p>
<hr width="75%">
<hr width="50%">
<b3>Примечания<b3>
<cite>1001 Photoshop Tips: Andy Anderson 2001</cite>
<hr align="left" noshade size="2" width="25">-
<cite>Web Design & HTML: Konrad King, Andy Anderson</cite>
</body></html>
Рис. 1.19. Web-страница, содержащая основной текст и примечания
Помимо создания горизонтальной линии с помощью дескриптора <hr>, можно создавать красивые линии, используя графические изображения. Ниже показан пример использования линии-рисунка вместо горизонтальной линии, нарисованной браузером:
Определить внешний вид горизонтальной линии можно с помощью следую- щих атрибутов:
- align. Атрибутalign дает Web-браузеру указание выровнять горизонтальную линию по правому краю, по левому краю или по центру в окне браузера.
- noshade. Атрибут noshade дает Web-браузеру указание отобразить горизонтальную линию без затенения.
- size. Атрибут size (измеряемый в пикселях) определяет толщину горизонтальной линии.
- width. Атрибут width определяет длину линии. Ширину горизонтальной линии можно указать либо в пикселях, либо в виде процентного отношения к ширине окна браузера. Например, если вы установите ширину рав- ной 50% (width="50%"), браузер проведет горизонтальную линию, длина которой будет равна половине ширины окна.
