Разметка текста с помощью HTML / Испытание: рецепт [17/17]

Курсы §3. [Архив] Разметка текста
63

Снимок.JPG1175×746 97.5 KB

64

В css-стилях прописан размер шрифта для h1, а не для h3. Используйте это как подсказку.

65

Тоже не могу закончить. Всё отличие в том, что перед примечаниям получается отступ больше, чем в образце. Почему не знаю. Браузер - Лиса.

Рецепт каши

Пшенная каша с тыквой

  1. Пшено, 1 стакан
  2. Вода H2O или AquaLife®, 2 стакана
  3. Молоко, 1,5 стакана 2 стакана
  4. Масло сливочное, 3 ст.л.
  5. Тыква, около 300г
  6. Соль, по вкусу
  7. Сахар демерара, посыпать сверху
Примечания:
Пшено необходимо перебрать
Тыкву нарезать кубиками 1х1 см
Кашу перемешивать не надо 
</body>
66 
<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Рецепт каши</title>
        </head>
        <body>
            <h1>Пшенная каша с тыквой</h1>
                <ol>
                <li>Пшено, 1 стакан</li>
                <li>Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 2 стакана</li>
                <li>Молоко, <del>1,5 стакана</del> 2 стакана</li>
                <li>Масло сливочное, 3 ст.л.</li>
                <li>Тыква, около 300г</li>
                <li>Соль, по вкусу</li>
                <li><ins>Сахар демерара, посыпать сверху</ins></li>
                </ol><hr>
            <i>Примечания</i>:<br>
            Пшено необходимо перебрать<br>
            Тыкву нарезать кубиками 1х1 см<br>
            Кашу перемешивать не надо

        </body>
    </html>
67

В общем, вот скрин.

111.PNG1264×792 76.3 KB

68

Оберните примечания в параграф.

69

Тогда отступ еще больше будет. Ладно, спасибо, завтра попробую.

71

Здравствуйте.
У меня вопрос не по коду для задания, а наверное по механике проверки и оценки задания.
задание прошёл сам(как и все остальные) без подсказок и т.д.
Единственное что не сразу на 100 процентов(проверял пару раз) было как и у многих смещение по вертикали “примечания”.
Додумался обернуть в

всё супер.

Вопрос.
Почему задание считается пройденным на 99% а не на 100%?)

Безымянный.jpg1024×768 171 KB

72

Возможно потому что в одной из строк закрывающий тег написан
как </il>.

74

Снимок экрана (7).png1920×1080 204 KB

75

тег<br> закрывать не надо, а вот тег <p> закрыть не помешает

76

спасибо,не заметил

77 
<html>
    <head>
        <meta charset="utf-8">
        <title>Рецепт каши</title>
    </head>
    <body>
        <h1>Пшенная каша с тыквой</h1>
            <ol>    
                <li>Пшено, 1 стакан</li>
                <li>Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 2 стакана</li>
                <li>Молоко, <del>1,5 стакана</del> 2 стакана</li>
                <li>Масло сливочное, 3 ст.л.</li>
                <li>Тыква, около 300г</li>
                <li>Соль, по вкусу</li>
                <li><ins>Сахар демерара, посыпать сверху</ins></li>
            </ol>
        <hr>
        <p><i>Примечания:</i><br>
        Пшено необходимо перебрать<br>
        Тыкву нарезать кубиками 1х1 см<br>
        Кашу перемешивать не надо</p>
    </body>
</html>

СSS

body { width: 300px; margin: 0; padding: 0 10px;

font-family: “Times New Roman”, serif;
font-size: 16px;
}

h1 {
font-size: 18px;
}

мне кажется проблема в том что width: 300 px. ( а как это исправить? Нельзя пользоваться CSS ). Проблема в том что, мой текст чуть ниже чем надо!
78

В Вашем коде потерялись:

<!DOCTYPE html>

<link rel="stylesheet" href="style.css">

добавьте там где нужно.

81

Помогите, пожалуйста. Может что-то не правильно делаю?

12

13
13.jpg524×543 44.9 KB

83

12

<!DOCTYPE html>
<html>
  <head>
<meta charset="utf-8">
<title>Рецепт каши</title>
<link rel="stylesheet" href="style.css">
  </head>
  <body>
<h1>Пшенная каша с тыквой</h1>
<ol>
  <li>Пшено, 1 стакан</li>
  <li>Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 2 стакана</li>
  <li>Молоко, <del>1,5 стакана</del> 2 стакана</li>
  <li>Масло сливочное, 3 ст.л.</li>
  <li>Тыква, около 300г</li>
  <li>Соль, по вкусу</li>
  <li><ins>Сахар демерара, посыпать сверху</ins></li>
</ol>
<hr>
<p>
  <i>Примечания:</i><br>
Пшено необходимо перебрать<br>
Тыкву нарезать кубиками 1×1 см<br>
Кашу перемешивать не надо
</p>
  </body>
</html>
84

Замените x на обычную русскую x – это, которая в известном слове из трёх букв.
Или на латинскую x.

2 лайка
88

Не подскажите, пожалуйста, в чем проблема?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Рецепт каши</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
   <h1> Пшенная каша с тыквой</h1>
<ol>
  <li>  Пшено, 1 стакан </li>
  <li>  Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 2 стакана </li>
   <li> Молоко,<del> 1,5 стакана</del> 2 стакана </li>
   <li>Масло сливочное, 3 ст.л. </li>
   <li> Тыква, около 300г </li>
  <li>  Соль, по вкусу </li>
  <li> <ins> Сахар демерара, посыпать сверху </li>
  </ol>
  <hr>
<p>  <em>  Примечания:</em> <br>
Пшено необходимо перебрать<br>
Тыкву нарезать кубиками 1×1 см<br>
Кашу перемешивать не надо
</p>
  </body>
</html>

%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9
Безымянный.jpg1182×908 178 KB

89

Подскажу:
ins – тег парный его нужно закрывать.
Про х читайте выше.

90

Благодарю