Как создать HTML-страницу с нуля

Эта инструкция показывает весь путь от пустой папки до рабочей HTML-страницы с подключённым CSS — без лишней теории, только практические шаги.

Что понадобится: Notepad или VS Code

Для HTML не нужны специальные программы — подойдёт даже обычный Блокнот на Windows. Но для комфортной работы лучше использовать редактор кода:

Блокнот / TextEdit — работает, но без подсветки синтаксиса и подсказок. Подойдёт для первого опыта.
VS Code — бесплатный, подсвечивает теги, подсказывает закрывающие элементы, показывает ошибки. Рекомендуемый вариант.

Главное правило: файл должен сохраняться с расширением .html, а не .txt.

Создайте файл index.html и вставьте базовый каркас страницы:

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

Сохраните файл и откройте его прямо в браузере (двойным кликом по файлу) — этого достаточно, сервер не нужен.

Создайте в той же папке файл styles.css и подключите его в <head>:

<link rel="stylesheet" href="styles.css">

В styles.css можно начать с простого правила:

body {
  font-family: sans-serif;
  max-width: 700px;
  margin: 0 auto;
}

Для простого сайта достаточно одной папки с такой структурой:

my-site/
  index.html
  styles.css
  images/
    photo.jpg

Пути в HTML пишутся относительно расположения index.html, например images/photo.jpg.

Забытый закрывающий тег — браузер часто «прощает» это, но вёрстка может сломаться.
Файл сохранён как index.html.txt — проверьте расширение в свойствах файла.
Путь к CSS или изображению указан неправильно (регистр букв важен на большинстве серверов).
Кириллица отображается «кракозябрами» — отсутствует <meta charset="UTF-8">.