📝 Практические задания

⚡ Задания в двух словах

  • Собрать минимальный HTML-документ.
  • Добавить `meta charset`, `meta viewport` и `title`.
  • Проверить, что страница открывается и читается без ошибок.

🏋️ Раздел тренировки

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

Цель тренировки: научиться быстро собирать валидный документ и проверять его в браузере.

Задание 1. Соберите минимальный документ

Условие: создайте файл `index.html` с `doctype`, ``, `head` и `body`.

Что должно получиться: пустая, но корректная страница, которую можно открыть с диска.

Задание 2. Добавьте метаданные

Условие: добавьте `meta charset`, `meta viewport`, `title` и `link` на CSS-файл.

Что должно получиться: документ, готовый к дальнейшей стилизации и адаптивности.

Задание 3. Проверьте порядок элементов

Условие: заполните `body` заголовком и абзацем, откройте страницу в браузере и убедитесь, что заголовок вкладки и кириллица отображаются правильно.

Что должно получиться: у вас должен быть собственный базовый каркас страницы.

🖼️ Как должен выглядеть результат

Эскиз ожидаемого: текст из <title> — на вкладке, а заголовок и абзац — на самой странице.

🗂 Моя страница ← текст из <title> Мой первый каркас Страница открывается без ошибок. ↑ это <h1> и <p> внутри <body>
Вкладка берёт текст из <title>, видимое содержимое — из <body>.