Реферат: Лекция№17

Списки и рамки в HTML

. Списки

Иногда при создании веб-страниц бывает полезно как-то упорядочить представленную на них информацию. Традиционно для этого применяют списки. В качестве первого примера давайте рассмотрим веб-страницу гипотетической фирмы «Лентяй». Допустим, мы сначала хотим перечислить предоставляемые услуги, а затем указать последовательность действий, необходимых для их заказа.

Маркированные и нумерованные списки

Перечисление услуг хорошо смотрится в виде маркированного списка. Для его организации применяется тег

    (Unorerer List). Все, что находится между ним и его закрывающим тегом (
), считается маркированным списком. Каждый элемент списка должен быть при этом обозначен тегом
  • . Этот тег можно употреблять без закрывающего (хотя можно и с ним). То есть, можно написать:

  • Вкручивание электрических лампочек

    ИЛИ

  • Вкручивание электрических лампочек

    • И то и другое будет считаться элементом списка, и практически все броузеры интерпретируют эти записи корректно. Каждый элемент маркированного списка будет при просмотре отмечаться закрашенным кружком.

    Что касается перечисления порядка действий для заказа, то его целесообразно организовать в виде нумерованного списка. Для этого служит тег

      ,(Orderer List) а элементы списка также обозначаются тегом
    1. . И нумерованные, и маркированные списки в большинстве броузеров выделяются небольшим отступом.

      Итак, давайте посмотрим, как может выглядеть эта страничка. (Элемент выравнивания DIV – парный, SMALL – уменьшает шрифт)

      <НЕАD>

      <ТIТLЕ>Фирма "ЛЕНТЯЙ"

      Фирма «ЛЕНТЯЙ»

      Наша фирма предоставляет следующие услуги

      • Вкручивание электрических лампочек

      • Подметание пола

      • Вынесение мусора из квартиры

      • Мытье посуды

      • Дефрагментация жестких дисков

      Чтобы воспользоваться нашими услугами,следует:

      1. Зарегистрироваться (здесь)

      2. Заполнить форму заказа (здесь)

      3. Получив письмо с паролем, послать пустой ответ

      4. Заполнить форму-подтверждение заказа

        (<А HREF="form2.php">Здесь)

      5. Приготовить деньги для оплаты услуг