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

Создайте правильную основу HTML-страницы.

Официальный источникWHATWG HTML — document structureПроверено: 2026-08-26

ШАГ 1 · ИЗУЧИТЕ

Как это работает

DOCTYPE объявляет тип документа, а html, head и body разделяют данные и видимый контент.

Правильный пример

<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Веб-мастерская</title>
</head>
<body>
  <h1>Веб-мастерская</h1>
</body>
</html>

DOCTYPE включает стандартный режим. lang указывает язык, head хранит метаданные, а body — видимое содержимое.

Частая ошибка

<html>
<head><title>Моя страница</title></head>
<h1>Добро пожаловать</h1>
</html>

Нет DOCTYPE, языка, кодировки и body. Браузер может что-то показать, но структура документа объявлена не полностью.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Добавьте DOCTYPE, язык, UTF-8, title и один h1.

index.htmlHTML

Безопасный результатизолировано

Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы

ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено

Документ начинается с <!doctype html>.
Элемент html указывает язык.
В head указан meta charset.
У страницы есть понятный title.
В содержимом один h1.

Объясните логику решения

Проверяйте структуру снаружи внутрь: DOCTYPE, html с lang, head с charset и title, затем body с одним h1.

Как это работает

Ваше задание

Напишите и посмотрите результат

Что должно пройти