# HTML: скелет страницы

Курс: Claude Code и терминал: с 0 — https://zero2claude.ru/learn/code-terminal
Канонический URL: https://zero2claude.ru/learn/code-terminal/9-2-html

HTML — это язык, который задаёт структуру страницы: что заголовок, что абзац, а что кнопка. Скелет, на котором держится всё.

В прошлом уроке мы выяснили, что страница состоит из трёх слоёв. Самый первый и главный — **HTML**. Это язык, на котором задаётся структура страницы. Если убрать HTML, на сайте не останется вообще ничего, что можно было бы показать.

## HTML — это скелет

Представь человека. У него есть скелет — кости, на которых держится всё тело. Скелет определяет форму: где голова, где руки, где ноги. Но скелет — это ещё не человек: нет ни кожи, ни одежды, ни движения.

**HTML — это и есть скелет страницы.** Он говорит:

- вот здесь — большой заголовок;
- вот здесь — обычный абзац текста;
- а вот тут — кнопка и картинка.

HTML отвечает только за **содержание и структуру**. Никаких цветов, никаких реакций на клики — только «что где находится».

## Как выглядит HTML

Структуру задают **теги** — специальные метки в угловых скобках. Тег как бы оборачивает содержимое и говорит браузеру, чем оно является.

```html
<h1>Привет</h1>
<p>Это мой первый абзац на странице.</p>
```

Здесь `<h1>` — это тег заголовка (от англ. *heading*), а `<p>` — тег абзаца (*paragraph*). Обрати внимание: у тега есть открывающая часть `<h1>` и закрывающая `</h1>` с косой чертой. Между ними — текст, который и увидит пользователь.

Можешь думать о тегах как о подписях к коробкам: «здесь заголовок», «здесь абзац». Браузер читает эти подписи и понимает, как разложить содержимое по местам.

<MicroQuiz
  question="Чем закрывающий тег </h1> отличается от открывающего <h1>?"
  options="Косой чертой перед именем тега | Заглавными буквами | Ничем — это один и тот же тег"
  answer="0"
  explanation="Тег оборачивает содержимое с двух сторон: открывающая часть без черты, закрывающая — с косой чертой, а между ними текст."
/>

## Зачем это знать

HTML — фундамент любого сайта. Даже самые сложные приложения в основе своей — это HTML-структура. Когда ты понимаешь, что такое теги и скелет страницы, всё остальное — внешний вид и поведение — становится понятнее. В следующем уроке мы оденем этот скелет с помощью CSS.