Что такое HTML и как браузер собирает страницу

HTML (HyperText Markup Language) — язык разметки: он описывает структуру и смысл содержимого страницы, а не «рисует» её. Браузер читает HTML, строит дерево элементов (DOM) и уже потом применяет стили и скрипты.

Зачем учить HTML отдельно

Конструкторы скрывают разметку, но в отладке, SEO и доступности вы всё равно встретите теги. Понимание HTML экономит часы: вы видите, почему «поехал» блок или почему заголовок не индексируется как H1.

Из чего состоит документ

Минимальная страница содержит объявление типа документа, корень html, раздел head (метаданные) и body (то, что видит пользователь). Теги обычно парные: открывающий и закрывающий.

HTML, CSS и JavaScript

  • HTML — каркас и смысл
  • CSS — оформление и раскладка
  • JavaScript — поведение

Дальше по курсу: основные теги и структура страницы.

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Моя первая страница</title>
</head>
<body>
  <h1>Привет, HTML</h1>
  <p>Это абзац текста на странице.</p>
</body>
</html>

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

Задание: создайте файл index.html с каркасом документа на русском языке.

  • Есть DOCTYPE, html, head и body
  • В title — осмысленное название
  • В body — один h1 и один абзац
  • Страница открывается в браузере без ошибок разметки