Как сделать нумерованный список?

Для создания нумерованного списка применяется элемент <ol>, отдельные пункты списка делаются через элементы <li>, как показано в примере 1.

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Нумерованный список</title>
 </head>
 <body>
  <ol>
   <li>Леонардо</li>
   <li>Рафаэль</li>
   <li>Донателло</li>
   <li>Микеланджело</li>
  </ol>
 </body>
</html>

Результат данного примера показан на рис. 1.

Вид нумерованного списка

Рис. 1. Вид нумерованного списка

Нумерация пунктов списка происходит автоматически, начиная с 1. Чтобы начать нумерацию с заданного числа, читайте этот рецепт.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 19.09.2018
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid