Чат Telegram
Группа ВКонтакте
Как сделать нумерованный список в HTML

Нумерованный список в HTML: тег ol

Чтобы сделать нумерованный список в HTML-страничке, необходимо задействовать тег <ol>, внутри которого могут присутствовать теги <li>.

Строки, присутствующие в маркированном списке, выделяются маркерами. В то время, как в упорядоченном – нумеруются.

Давайте добавим для одной из наших книг список её преимуществ:

...
<p>
    Текст про книгу 2
</p>
<p>
    Преимущества этой книги:
</p>
<ol>
    <li>она читается на одном дыхании</li>
    <li>она дешевле первой</li>
</ol>
...

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

Как сделать нумерацию не от единицы

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

<ol start="3">
  <li>три</li>
  <li>четыре</li>
</ol>

На странице в браузере такой код будет отображаться вот так:
Нумерованный список с указанным порядковым номер

Вот так просто использовать нумерованные списки. Делаем домашнее задание и двигаемся дальше.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
  • добавьте упорядоченный список на свою страницу
  • поэкспериментируйте с атрибутом start у тэга <ol>
Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Комментарии (27)
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
loader
Есть вопрос по программированию?
Здесь быстро ответят!
Задать вопрос
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
loader
Форум веб-разработчиков
Здесь все!
Перейти
loader
Логические задачи с собеседований