Как создать простой HTML сайт в блокноте

На чтение
2 мин
Дата обновления
03.03.2026
Тип:Курс
Формат:Самостоятельно с наставником
Продуктовый аналитик
Курс «Продуктовый аналитик» поможет вам овладеть ключевыми навыками анализа и исследования данных, необходимых для успешного управления продуктами. Вы получите практический опыт работы с реальными кейсами и проектами для формирования профессионального портфолио, а также научитесь делать выводы на основе данных, разрабатывать эффективные стратегии и улучшать пользовательский опыт. Присоединяйтесь к курсу, где вас ждут интересные практические задания и поддержка экспертов, и получите сертификат, подтверждающий ваши новые компетенции!
84790 ₽169580 ₽
7066 ₽/мес рассрочка
Подробнее
#COURSE##INNER#

Для начала откройте Блокнот и создайте новый файл.

Совет: для удобства сохраните файл с расширением ".html".

Затем введите следующий код:

Мой сайт

Добро пожаловать на мой сайт!

Этот код создает простую веб-страницу с заголовком "Мой сайт".

Чтобы сохранить изменения, нажмите "Файл" - "Сохранить".

Для просмотра сайта откройте сохраненный файл с помощью браузера (например, Chrome или Firefox).

Создание простого HTML-сайта в блокноте

Запустите Блокнот.

Введите следующий код:

Мой первый HTML-сайт

Добро пожаловать на мой сайт!

Это мой первый сайт, созданный в Блокноте.

Сохраните файл с расширением .html.

Откройте файл в браузере.

Откройте блокнот и сохраните файл

Откройте блокнот на компьютере.

Нажмите "Файл" > "Сохранить как".

В поле "Имя файла" введите название сайта и обязательно добавьте расширение ".html" (например, index.html).

Выберите расположение, где вы хотите сохранить файл, а затем нажмите "Сохранить".

Теперь вы можете начать создавать свой HTML-сайт в блокноте.

Введите базовый код HTML

Откройте Блокнот и введите следующий базовый код HTML:




Мой сайт




Сохраните файл с расширением .html (например, "мой_сайт.html").

Добавьте заголовок и контент

Чтобы добавить заголовок, используйте тег

для основного заголовка и теги

-

для подзаголовков.

Для добавления контента используйте тег для абзацев и тег для выделения жирным шрифтом.

Для создания таблицы используйте теги

, (строка) и
(ячейка).

Имя Фамилия
Джон Смит

Добавьте ссылки и изображения

Чтобы создать ссылку, используйте тег с атрибутом href, указывающим адрес ссылки:

Пример ссылки

Чтобы добавить изображение, используйте тег с атрибутом src, указывающим путь к изображению:

Описание изображения

Атрибут alt используется для описания изображения для людей, которые не могут его просмотреть.

Просмотрите и протестируйте сайт

Прежде чем опубликовать сайт, тщательно просмотрите его в браузере на наличие следующих ошибок и проблем:

  • Отображение страницы во всех браузерах и устройствах;
  • Отсутствие битых ссылок;
  • Правильность отображения изображений и стилей;
  • Грамматические и орфографические ошибки;
  • Соответствие контента исходной цели сайта.

Сохраните и опубликуйте сайт

После написания кода HTML-документа сохраните его с расширением ".html" в удобном для вас месте.

Для публикации сайта:

  1. Загрузите сайт на веб-хостинг.
  2. Создайте доменное имя и свяжите его с веб-хостингом.
  3. Загрузите файлы вашего сайта на хостинг.
  4. Проверьте работоспособность сайта по доменному имени.

Вопрос-ответ: