• Теория
  • Теория

Разметка страницы

Вы хорошо себя зарекомендовали перед инструктором. Поэтому он решил дать вам небольшую подработку по вёрстке.

Мяу! Нужно помочь разметить простую текстовую страницу:

  • Для разметки используйте заголовки <h1>, <h2>, а также параграфы <p>.
  • Одному из параграфов задайте класс, который вы найдёте во вкладке style.css.

Денег за подработку ты не получишь, но зато у тебя останется ценный опыт!

Решение

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Разметка страницы</title>
    <link rel="stylesheet" href="challenge.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Введение</h1>
    <p>В этом курсе вы познакомитесь с основами HTML и CSS.</p>
    <h2>Глава 1</h2>
    <p>В этой главе вы под руководством инструктора Кекса познакомитесь с основами вёрстки на примере небольшого лендинга.</p>
    <h2>Глава 2</h2>
    <p>Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.</p>
    <p class="cite">Самый лучший курс</p>
  </body>
</html>
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

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

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