logo
курс полный

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

Маркированные списки названы так потому, что перед каждым пунктом таких списков устанавливается тот или иной маркер. Иногда, используя дословный перевод, их называют неупорядоченными списками (unordered list). Маркированные списки задаются при помощи тегов <ul> … <ul>. Для задания элементов списка используются теги <il> … </il> (item list):

<ul> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul>

Помимо элементов списка внутри тегов <ul> … <ul> можно размещать и другие теги, например теги заголовков:

<ul> <h3>Маркированный список</h3> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul>

Тип маркера может задаваться с помощью атрибута type. Три его возможные значения: circle, disk и square. По умолчанию используется тип disc. Следует отметить, что различные модели браузеров могут по-разному отображать маркеры. Типичные способы отображения маркеров приведены в табл. 9:

Таблица 9

Типы маркеров маркированных списков

Значение атрибута type

Способ отображения маркера

disc

Закрашенный кружок

circle

Незакрашенный кружок

square

Закрашенный квадрат

Ниже приводится пример использования маркера типа circle:

<ul type="circle"> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul>