HTML - 7. Виды списков



Неупорядоченные HTML списки

Неупорядоченный список начинается с тега <ul>, а каждый элемент списка с тега <li>. Элемент списка будет помечен маркером по умолчанию (см. пример).

Стили списков.

С помощью атрибута type, можно изменять тип маркеров элемента списка (<ul type="disc">). Но, в html5 данное определение является недопустимым, поэтому нужно использовать аналогичное свойство CSS - list-style-type.

Упорядоченные HTML списки

Упорядоченные списки начинаются с тега <ol>, а каждый элемент списка, с тега <li>. Таким образом эелементы будут пронумерованы.

Стили упорядоченных списков

С помощью атрибута type можно задать стили для упорядоченных списков.

Тип Описание
type="1" Элементы списка будут пронумерованы числами (по умолчанию).
type="A" Элементы списка будут пронумерованы прописными буквами.
type="a" Элементы списка будут пронумерованы строчными буквами.
type="I" Элементы списка будут пронумерованы прописными римскими цифрами.
type="i" Элементы списка будут пронумерованы строчными римскими цифрами.

Списки определений

Списки определений - это списки с описание каждого элемента.
Тег <dl> определяет создание списка. Тег <dt> определяет элемент списка. Тег <dd> задаёт описание элемента.

Вложенные списки

Списки могут быть вложенные (список в списке). Для этого нужно просто создать новый список в элементе другого списка.

Поэкспериментируйте с двумя последними примерами в редакторе JSFiddle.

Обратите внимание! По причине того, что далее будет использоваться каскадные таблицы стилей, начните проходить курс по CSS.