Чат PHP-разработчиков
Как сделать нумерованный список в 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
Подготовка до уровня устройства на работу!
Начать бесплатно
Комментарии (9)
Отправка домашек на проверку и вопросы к уроку доступны только для патронов проекта.
Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Популярное за сутки
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Сейчас читают
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Новые статьи
Логические задачи с собеседований