Просто выделенный текст [15/17]
В HTML5 появился новый тег <mark>, который обозначает выделенный текст.
Иногда при работе с объёмными текстами мы используем маркер, чтобы выделять ключевые слова, идеи или что-то другое на что стоит обратить внимание. Такое же назначение и у тега<mark>.
В современных браузерах текст внутри <mark> подсвечивается жёлтым фоном.
Испытание: разметка статьи [16/17]
Чтобы пройти испытание, вам необходимо разметить текст в HTML-редакторе точно так же, как и в образце.
При создании образца были использованы только те HTML-теги, которые изучались в данном курсе. CSS-стили не использовались, так что изменять код CSS-редактора нельзя.
Если отображение в мини-браузере сильно отличается от образца, то используйте вкладку «Различия», в которой отображается то, как наш сервер видит ваш HTML-код.
Посмотрите видеоразбор испытания, если не получается его пройти или интересно авторское решение. Но сначала попробуйте сами.
text/menu-16-17.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Язык разметки</title>
<style>
body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: "Times New Roman", serif;
font-size: 16px;
}
</style>
</head>
<body>
<h1> Язык разметки</h1>
<p> <strong>Язык разметки</strong> в компьютерной<br> терминологии — набор символов или<br> последовательностей, вставляемых в<br> текст для передачи информации о его<br> выводе или строении. Принадлежит<br> классу компьютерных языков.</p>
<h2> Структура языка</h2>
<p>Текстовый документ, написанный с<br> использованием языка разметки,<br> содержит не только сам текст но и<br> дополнительную информацию:<br>
<ul>
<li>указание на заголовки</li>
<li><mark>выделения</mark></li>
<li>списки</li>
<li>и т. д.</li>
</ul>
<p>В более сложных случаях язык<br> разметки позволяет вставлять в <br>документ <em>интерактивные элементы</em><br> и содержание других документов.</p>
</body>
</html>
Испытание: Рецепт каши [17/17]
Задача аналогична предыдущей. В этом испытании использованы другие тэги из данного курса.
Видео
Посмотрите видеоразбор испытания, если не получается его пройти или интересно авторское решение. Но сначала попробуйте сами.
Пшенная каша с тыквой
Пшено, 1 стакан
Вода H2O или AquaLife®, 2 стакана
Молоко, 2 стакана
Масло сливочное, 3 ст.л.
Тыква, около 300г
Соль, по вкусу
Сахар демерара, посыпать сверху
Примечания: Пшено необходимо перебрать Тыкву нарезать кубиками 1х1 см Кашу перемешивать не надо
text/menu-17-17.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Рецепт каши тспытание</title>
<style>
body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: "Times New Roman", serif;
font-size: 16px;
}
h1 {
font-size: 18px;
}
</style>
</head>
<body>
<h1>Пшенная каша с тыквой</h1>
<ol>
<li>Пшено, 1 стакан</li>
<li>Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 2<br> стакана</li>
<li>Молоко, <del>1,5 стакана</del> 2 стакана</li>
<li>Масло сливочное, 3 ст.л.</li>
<li>Тыква, около 300г</li>
<li>Соль, по вкусу</li>
<li><ins>Сахар демерара, посыпать<br> сверху</ins></li>
</ol>
<hr>
<p>
<i>Примечания:</i><br>
Пшено необходимо перебрать<br>
Тыкву нарезать кубиками 1х1 см<br>
Кашу перемешивать не надо
</p>
</body>
</html>