Урок 17 · HTML

Каркас, с которого начинается каждый новый файл

Один и тот же каркас экономит время: doctype, язык, кодировка, заголовок вкладки и основные области.

Почему это следующий шаг

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

Как сделать

На html стоит lang="ru". В head — charset, viewport и свой title. В body — header, main и footer. В main один h1. Повторяющиеся куски вроде меню пока копируй аккуратно: когда появятся стили, одинаковый каркас получит один и тот же вид. Не вставляй в шаблон пустые секции «на будущее».

<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Страница о занятии</title>
</head>
<body>
  <header><p>Практикум</p></header>
  <main><h1>Тема занятия</h1></main>
  <footer><p>2026</p></footer>
</body>
</html>

Что проверить

• У страницы свой title.
• Есть header, main и footer.
• На узкой ширине текст не уменьшен до муравья: viewport на месте.