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

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

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

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

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

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

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

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

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

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

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

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

Домашнее задание
Для просмотра домашки нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

Комментарии

Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности