Списки (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" - чёрный квадрат