<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Шарлотка с яблоками</title>
</head>
<body>
  
</body>
</html>

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Шарлотка с яблоками</title>
</head>
<body>
  <h1>Шарлотка с яблоками</h1>
  <figure>
    <img src="https://picsum.photos/id/431/400/250" alt="Шарлотка на деревянной доске" width="400" height="250">
    <figcaption>Классическая шарлотка</figcaption>
  </figure>
</body>
</html>

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Шарлотка с яблоками</title>
</head>
<body>
  <h1>Шарлотка с яблоками</h1>
  <figure>
    <img src="https://picsum.photos/id/431/400/250" alt="Шарлотка на деревянной доске" width="400" height="250">
    <figcaption>Классическая шарлотка</figcaption>
  </figure>
  <h2>Ингредиенты</h2>
  <ul>
    <li>Яблоки — 4&nbsp;шт.</li>
    <li>Кефир — 200&nbsp;мл</li>
    <li>Мука — 200&nbsp;г</li>
  </ul>
</body>
</html>