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

Пример

Списки

В данном примере вы увидите основной заголовок, после которого идет вводный абзац.

Используются неупорядоченный список для перечисления ингредиентов и упорядоченный — для описания шагов приготовления блюда.

Код
<html>
    <head>
        <title>Списки</title>
    </head>
    <body>
        <h1>Омлет</h1>
        <p> Блюда из яиц - мои любимые. Ниже я помещаю рецепт
        приготовления омлета.</p>
        <h2>Продукты</h2>
        <ul>
            <li>2 яйца</li>
            <li>70 мл. молока</li>
            <li>1/2 ч.л. соли</li>
            <li>1 ч.л. растительного масла</li>
        </ul>
        <h2>Приготовление</h2>
        <ol>
            <li>Яйца перемешать с солью.</li>
            <li>Влить молоко, слегка перемешивая.</li>
            <li>Форму для запекания смазать растительным маслом.</li>
            <li>Вылить омлетную массу в смазанную форму. Поставить в предварительно разогретую до 250°C духовку и готовить омлет в духовке 20-30 минут.</li>
            <li>Во время запекания на поверхности омлета образуется слегка румяная корочка, по степени зажаривания которой определите готовность омлета.</li>
        </ol>
    </body>
</html>

Результат