=> Главная База Знаний HTML 4.1. Маркированные списки


4.1. Маркированные списки

Маркированные списки применяются для перечисления неупорядоченной информации. В таком списке каждый новый элемент выделяется маркером (отсюда и название списка). В HTML для обозначения маркированного списка используется элемент UL, который задается парными тегами

    и
. Между тегами помещаются элементы списка. Текст элементов списка начинается после тега
  • и может заканчиваться тегом
  • .

    С закрывающим тегом ситуация такая же, как и с закрывающим тегом

    : использование его необязательно. Если тег опустить, то текстом элемента списка считается весь текст, расположенный до следующего тега
  • или до закрывающего тега . Ниже приведен пример простого маркированного списка, состоящего из трех элементов.

    • Первый элемент
    • Второй элементLI>Третий элемент

    К тексту элементов любых списков можно применять рассмотренные ранее средства HTML по форматированию текста.

    Рассматриваемые элементы UL и LI имеют ряд атрибутов. Специфичными атрибутами элемента UL являются следующие:

    • compact – заставляет браузер показывать список более компактно (действие этого атрибута зависит от конкретного браузера);

    • type – позволяет задать тип маркера списка, может принимать следующие значения: circle (круг без заливки), dict (круг с заливкой) и square (квадрат).

    Атрибут type можно указывать и для нужных элементов списка LI, если понадобится изменить тип маркера только некоторых элементов списка. На рис. 4.1 приведен пример того, как отражается задание различных значений атрибута type на отображении списка браузером.

    Рис. 4.1. Маркированные списки

    Ниже приведен текст HTML‑документа, который был обработан браузером (пример 4.1).

    Пример 4.1. Маркированные спискиМаркированные спискиСписок с закрашенными круглыми маркерами

    • Первый элемент
    • Второй элемент
    Список с круглыми незакрашенными маркерами
    • Первый элемент
    • Второй элемент
    Список с квадратными маркерами
    • Первый элемент
    • Второй элемент
    Список с разными маркерами элементов
    • Закрашенный круг
    • Окружность (type = circle)
    • Квадрат (type = square)