Как сделать нумерацию списка с определённого числа?

Чтобы начать список с заданного числа, добавьте к первому элементу <li> атрибут value с числом в качестве значения. С этого числа и будет нумероваться дальнейший список (пример 1).

Пример 1. Использование атрибута value

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Список, начинающийся со ста</title>
 </head>
 <body>
  <p>Следующая сотня лучших фильмов</p>
  <ol> 
   <li value="100">Баллада о солдате (1959)</li> 
   <li>Хоббит: Нежданное путешествие (2012)</li>
   <li>Свидетель обвинения (1957)</li>
   <li>Брат (1997)</li>
   <li>Малышка на миллион (2004)</li>
   <li>Шерлок Холмс и доктор Ватсон: Кровавая надпись (1979)</li>
  </ol>
 </body>
</html>

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

Список, начинающийся со ста

Рис. 1. Список, начинающийся со ста

Допускается использовать в списке несколько атрибутов value, тогда можно получить прерывающуюся нумерацию, вроде: 100, 101, 1, 2. Также начальный номер списка устанавливается с помощью атрибута start элемента <ol> (пример 2).

Пример 2. Использование атрибута start

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Список, начинающийся с шести</title>
 </head>
 <body>
  <ol start="6">
   <li>дюймов - 15,24 мм</li>
   <li>дюймов - 17,78 мм</li>
   <li>дюймов - 20,32 мм</li>
  </ol>
 </body>
</html>

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

Список, начинающийся с шести

Рис. 2. Список, начинающийся с шести

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

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