✅ Решения заданий

⚡ Решения кратко

  • Задание 1 — каркас <!DOCTYPE html> → <html lang="ru"> → <head> → <body>.
  • Задание 2 — в <head>: charset, viewport, title, link.
  • Задание 3 — видимый контент только в <body>, вкладка берёт текст из <title>.
⚠️ Рекомендация: сначала попробуйте собрать документ сами. Здесь показан один из удобных вариантов, а не единственный правильный путь.

Решение задания 1

Собираем минимальный валидный документ и сразу задаём язык страницы через lang="ru".

🗂 Моя страница
Страница готова.
<!-- index.html -->
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Моя страница</title>
</head>
<body>
  <p>Страница готова.</p>
</body>
</html>

Решение задания 2

Добавляем в <head> метаданные и подключение стилей — страница готова к адаптивности и оформлению. Визуально <head> ничего не рисует, поэтому показываем его роль схемой: что и зачем здесь лежит.

charset→ кодировка для кириллицы
viewport→ адаптивность на телефоне
title→ подпись вкладки
link→ подключение style.css
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Проверка структуры</title>
  <link rel="stylesheet" href="style.css">
</head>

Решение задания 3

Проверяем, что <body> содержит видимый контент, а вкладка браузера берёт текст из <title>.

🗂 Проверка структуры

Структура HTML-документа

Здесь расположен основной текст страницы.

<body>
  <header>
    <h1>Структура HTML-документа</h1>
  </header>
  <main>
    <p>Здесь расположен основной текст страницы.</p>
  </main>
</body>