Перейти к содержанию

Упорядоченные и неупорядоченные списки

<li>

Каждый элемент списка помещается между открывающим тегом <li> и закрывающим тегом </li>.

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

Иногда при просмотре существующих страниц вы будете встречать аргумент type в элементе <ol>, который используется для указания типа нумерации (буквы, римские и арабские цифры и т.п.).

<ol>

Упорядоченные списки создаются при помощи элемента <ol>.

<ul>

Неупорядоченные списки создаются при помощи элемента <ul>.

Код
<p>Рецепт</p>
<ul>
    <li>1 кг картофеля</li>
    <li>100 мл молока</li>
    <li>50 г соленого масла</li>
    <li>Тертый мускатный opex</li>
    <li>Соль и перец по вкусу</li>
</ul>
<p>Порядок действий</p>
<ol>
    <li>Порежьте картофель кубиками.</li>
    <li>Варите картофель в соленой воде на медленном огне 
    в течение 15-20 минут до размягчения.</li> 
    <li>Подогрейте и смешайте молоко, 
    сливочное масло и мускатный орех.</li>
    <li>Слейте воду из кастрюли и потолките картофель.</li>
    <li>Перемешайте картофель со смесью из молока, 
    масла и мускатного ореха.</li>
<ol>
Результат