Как сделать заголовок в HTML: H1 и название вкладки

У знакомого название афиши появилось на вкладке браузера, а на самой странице осталось пустое место. Он добавил `<title>Встреча клуба</title>` и решил, что это заголовок для читателя. Если ты ищешь, как сделать заголовок в HTML, начни с этого различия: `<title>` называет документ, а `<h1>` показывает главный заголовок в содержимом страницы. Я разберу оба элемента на одном маленьком файле, а затем покажу, где менять выравнивание и цвет.

Мне нравится такая проверка, потому что она отделяет две задачи, которые в редакторе выглядят одинаково: «написать название». Когда они смешаны, человек начинает менять размер шрифта, хотя нужного элемента вообще нет в `body`. Ниже я использую простую афишу кружка, чтобы разницу можно было увидеть в одном файле.

Собери файл, где видны обе роли заголовка

Создай текстовый файл `meeting.html` и вставь в него такой каркас:

```html

<!doctype html>

<html lang="ru">

<head>

<meta charset="utf-8">

<title>Встреча книжного клуба — афиша</title>

</head>

<body>

<h1>Встреча книжного клуба</h1>

<p>Обсуждаем книгу, которую хотелось перечитать.</p>

<h2>Что будет на встрече</h2>

<p>Каждый принесёт один вопрос к тексту.</p>

</body>

</html>

```

Сохрани файл именно с расширением `.html` и открой его в браузере. Слова внутри `<title>` ожидаются во вкладке окна; строка внутри `<h1>` — в самой странице. Если ты меняешь один текст, второй не меняется автоматически. Я нарочно оставил их похожими, но не одинаковыми: вкладка уточняет, что это афиша, а видимый заголовок звучит короче. Для собственного проекта подставь свои реальные данные вместо учебной встречи.