Первый HTML-файл

Переходим от теории к делу: создаём настоящий файл и открываем его в браузере.

HTML-файл — это текстовый файл с расширением .html, который браузер умеет открывать как страницу.

Что понадобится

Только две вещи, и обе у вас уже есть:

Текстовый редактор. Подойдёт даже «Блокнот» (Windows) или «TextEdit» (Mac). Но удобнее — бесплатный Visual Studio Code: он подсвечивает теги и помогает не ошибиться.
Браузер — Chrome, Firefox, Safari или любой другой.

Шаг 1. Напишите разметку

Откройте редактор, создайте новый файл и наберите этот код:

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

Шаг 2. Сохраните как .html

Это ключевой момент. Сохраните файл под именем index.html. Важно именно расширение .html — по нему компьютер понимает, что файл нужно открывать как веб-страницу, а не как обычный текст.

В «Блокноте» при сохранении выберите «Тип файла: Все файлы» и впишите имя целиком с .html, иначе получится index.html.txt — частая ошибка новичков.

Почему index.html? Это «имя по умолчанию» для главной страницы сайта — браузеры и серверы открывают именно его, если адрес указывает на папку.

Шаг 3. Откройте в браузере

Найдите сохранённый файл и дважды кликните по нему — он откроется в браузере. Либо перетащите файл на окно браузера. В адресной строке вы увидите путь к файлу, начинающийся с file:// — это значит, что страница открыта с вашего диска, а не из интернета.

Вы должны увидеть крупный заголовок «Привет, я учу HTML!» и под ним абзац. Поздравляю — это работающая веб-страница!

Шаг 4. Меняйте и обновляйте

Весь цикл работы с HTML такой:

измените текст в редакторе;
сохраните файл (Ctrl+S или Cmd+S);
обновите вкладку в браузере (F5).

Попробуйте поменять текст заголовка, сохранить и обновить страницу. Изменение появится мгновенно. Этот цикл «правка → сохранение → обновление» вы будете повторять тысячи раз.

Частые ошибки в начале

Файл сохранён как .txt — браузер показывает код вместо страницы.
Забыли сохранить перед обновлением — на странице нет изменений.
Не закрыли тег — часть страницы отображается неправильно.

Почему VS Code удобнее «Блокнота»

Открыть файл можно где угодно, но для постоянной работы стоит поставить нормальный редактор кода — бесплатный Visual Studio Code. Он даёт три большие удобства:

Подсветка синтаксиса — теги, атрибуты и текст окрашены в разные цвета, и опечатку видно сразу.
Автозакрытие тегов — пишете <p>, и редактор сам подставляет </p>.
Подсказки — редактор предлагает названия тегов и атрибутов, пока вы печатаете.

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

Итог

HTML-файл создаётся в любом текстовом редакторе и сохраняется с расширением .html.
Главную страницу принято называть index.html.
Рабочий цикл: правка в редакторе → сохранение → обновление вкладки браузера.