Чат 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
Путь с полного нуля до джуниора!
Начать бесплатно
Читайте также
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Комментарии (5)


Foont

разве значение аргумента start обязательно брать в кавычки? я сделал без кавычек, разницы не обнаружил. работает

ivashkevich

Все значения аргументов нужно брать в кавычки. Просто некоторые браузеры закрывают глаза на подобные ошибки.

Margo

Почему нельзя, как в ворде, просто самой написать вместе с текстом нумерованный список? Я написала, он появился.

ivashkevich

Потому что это удобнее, можно добавлять, удалять записи в списке, менять их местами. И не нужно будет их перенумеровывать.

Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Популярное за сутки
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Сейчас читают
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Новые статьи
Логические задачи с собеседований