Разметка рецепта

У инструктора Кекса скоро день рождения, и оставлять без подарка его категорически нельзя.

Недаром считается, что рыба лучший подарок. Вдобавок ко вкусному рыбному печенью давайте порадуем инструктора правильно свёрстанным рецептом.

Обратите внимание на вкладку style.css, там есть стиль для класса, который нужно использовать в разметке.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Испытание: разметка рецепта</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Секретный рецепт рыбного печенья</h1>
    <ul>
      <li>Филе форели, 2 шт</li>
      <li>Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 100 мл</li>
      <li><del>Цветная капуста, 100 г</del></li>
      <li>Мука, 1 стакан</li>
      <li>Соль, по вкусу</li>
      <li><ins>Сливки, 200 мл</ins></li>
    </ul>
    <p><i>Инструкция по приготовлению:</i></p>
    <ol>
      <li>Форель помыть, обсушить и варить <strong>10 минут</strong></li>
      <li>Измельчить рыбу в блендере, смешать со сливками и мукой</li>
      <li>Сформировать лепёшки и выпекать в духовке 20 минут при <span class="warning">180 градусах</span></li>
    </ol>
  </body>
</html>

Притормози, дружище

Проходить вызовы части «Разметка текста» тренажёра «Знакомство с HTML и CSS» можно после регистрации и оформления подписки.

Зарегистрироваться