Реферат: Лекция17
Иногда при создании веб-страниц бывает полезно как-то упорядочить представленную на них информацию. Традиционно для этого применяют списки. В качестве первого примера давайте рассмотрим веб-страницу гипотетической фирмы «Лентяй». Допустим, мы сначала хотим перечислить предоставляемые услуги, а затем указать последовательность действий, необходимых для их заказа.
Маркированные и нумерованные списки
Перечисление услуг хорошо смотрится в виде маркированного списка. Для его организации применяется тег <UL> (UnorererList). Все, что находится между ним и его закрывающим тегом (</UL>), считается маркированным списком. Каждый элемент списка должен быть при этом обозначен тегом <LI>. Этот тег можно употреблять без закрывающего (хотя можно и с ним). То есть, можно написать:
<LI>Вкручивание электрических лампочек
ИЛИ
<LI>Вкручивание электрических лампочек</LI>
И то и другое будет считаться элементом списка, и практически все броузеры интерпретируют эти записи корректно. Каждый элемент маркированного списка будет при просмотре отмечаться закрашенным кружком.
Что касается перечисления порядка действий для заказа, то его целесообразно организовать в виде нумерованного списка. Для этого служит тег <OL>,(OrdererList) а элементы списка также обозначаются тегом <LI>. И нумерованные, и маркированные списки в большинстве броузеров выделяются небольшим отступом.
Итак, давайте посмотрим, как может выглядеть эта страничка. (Элемент выравнивания DIV – парный, SMALL – уменьшает шрифт)
<HTML>
<НЕАD>
<ТIТLЕ>Фирма "ЛЕНТЯЙ"</ТIТLЕ> </НЕАD>
<BODY BGCOLOR="#D2FFFF" ТЕХТ="#003737" LINK="#006A6A" VLINK="#006A6A" ALINK="#006A6A">
<DIV ALIGN=”center”><H1>Фирма «ЛЕНТЯЙ»</H1></DIV>
<FONTSIZE="+1">Наша фирма предоставляет следующие услуги </FONT>
<UL>
<LI>Вкручивание электрических лампочек
<LI>Подметание пола
<LI>Вынесение мусора из квартиры
<LI>Мытье посуды
<LI>Дефрагментация жестких дисков
</UL>
<FONTSIZE="+1">Чтобы воспользоваться нашими услугами,следует:
</FONT>
<OL>
<LI>Зарегистрироваться (<A HREF="reg.html">здесь</A>)
<LI>Заполнить форму заказа (<A HREF="form1.html">здесь</A>)
<LI>Получив письмо с паролем, послать пустой ответ
<LI>Заполнить форму-подтверждение заказа
(<А HREF="form2.html">Здесь<:/A>)
--> ЧИТАТЬ ПОЛНОСТЬЮ <--