Списки (ul, ol, li) в HTML

Для создания нумерованных и маркированных списков используются теги <ol> и <ul>, в которых каждый пункт списка находится в теге <li>. Рассмотрим подробнее на примере.

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

Нумерованный список — это список, в котором каждый пункт стоит по порядковым номером, цифрой. Пример HTML кода для создания нумерованного списка:

<ol>
   <li>Мышь</li>
   <li>Кот</li>
   <li>Сыр</li>
</ol>

На странице браузера результат будет показан так:

1. Мышь
2. Кот
3. Сыр

— цифры нумерации подставляются автоматически. Стилистику нумерации можно поменять с помощью атрибута <ol type=»…»> . Атрибут type может принимать следующие значения:

• «A» — латинские заглавные буквы
• «a» — латинские строчные буквы
• «I» — римские цифры (заглавные)
• «i» — римские цифры (строчные)
• «1» — арабские цифры. Используется по умолчанию

Чтобы начать список не с единицы, а с другого числа, необходимо использовать атрибут «start». К примеру, если нужно начать список с «5», то открывающий список тег будет выглядеть так: <ol start=»5″> .

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

Маркированный список — это список, в котором каждый пункт отмечен не цифрой, а маркером. К примеру, точкой или стрелкой.

<ul>
   <li>Мышь</li>
   <li>Кот</li>
   <li>Сыр</li>
</ul>

В браузере маркированный список выглядит так:

• Мышь
• Кот
• Сыр

Стиль маркеров перед элементами списка можно поменять с помощью атрибута <ul type=»…»> . Где атрибут type может принимать следующие значения:

• «disc» — чёрная точка
• «circle» — кружок с пустотой внутри
• «square» — чёрный квадрат