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

Структура HTML-документа, закрепление 1

Этот дополнительный вариант испытания, предназначенный для закрепления ваших навыков создания структуры HTML-документа.

Вам нужно использовать теги, которые вы изучали главе про структуру HTML-документа. Ориентируйтесь на образец, структуру тегов можно понять из подписей к блокам.

Доводим навык до автоматизма

Первое прохождение испытания помогает закрепить знания, но не формирует устойчивый навык. Чтобы сформировать уверенные навыки и писать код на автомате, нужна дополнительная практика на похожих задачах. Похожие задачи — это дополнительные варианты испытаний.

Время решения последнего дополнительного варианта обычно снижается в 2 раза по сравнению с временем решения текущего испытания. Это означает, что тема полностью освоена и навык сформирован.

Дополнительные варианты необязательны для прохождения главы и доступны для подписчиков.

Решение

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Структура HTML-документа, закрепление 1</title>
    <link rel="stylesheet" href="outlines-extra-challenge-1.css">
  </head>
  <body>
    <header>
      <h1>Новый сайт</h1>
      <nav>
        <p>Меню</p>
      </nav>
    </header>
    <main>
      <section>
        <p>Контент</p>
      </section>
      <aside>
        <p>Блок</p>
      </aside>
    </main>
    <footer>
      <p>Информация</p>
    </footer>
  </body>
</html>
Минимальный вид табов
  • index.html
HTML
HTML

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

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

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

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

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