Создание HTML документа с помощью стандартного блокнота

Конечно можно использовать профессиональные HTML редакторы вроде:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

Тем не менее, для обучения HTML мы рекомендуем текстовый редактор, например Блокнот (Windows) или TextEdit (Mac).

Изучение с помощью простого текстового редактора - это лучший способ изучить HTML.

Всего 4 шага отделяют вас от вашего первого HTML документа


Шаг 1: Запустим блокнот

Чтобы открыть Блокнот в Windows 7 или более ранней версии:

Нажмите кнопку Пуск (внизу слева на экране). Нажмите Все программы. Нажмите Accessories. Нажмите Блокнот.

Чтобы открыть Блокнот в Windows 8 или более поздней версии:

Откройте стартовый экран (символ окне в нижней части слева на экране). Введите Блокнот в поле поиска.


Шаг 2: Напишем простой HTML документ

Напишите или скопируйте данный ниже код в блокнот.

<!DOCTYPE html>
<html>
<body>

<h1>
Мой первый заголовок</h1>

<p>
Мой первый абзац</p>

</body>
</html>

Блокнот


Шаг 3: Сохранение HTML страницы

Сохраните файл на вашем компьютере.

Выберите Файл > Сохранить как в меню Блокнота.

Назовите файл "index.htm" или любое другое имя, заканчивающийся HTM.

Используйте кодировку UTF-8 для HTML-файлов.

Кодировка ANSI поддерживает только US и Западно европейские символы.

Обзор в браузере

Вы можете использовать либо .htm или .html как расширение файла. В этом нет разницы.

Шаг 4: Просмотр HTML-страницы в браузере

Откройте сохраненный HTML файл в вашем любимом браузере. Результат будет выглядеть так же, как это:

Обзор в браузере

Чтобы открыть файл в браузере, дважды щелкните на файле, или щелкните правой кнопкой мыши и выберите Открыть с помощью.

Понравилось? Делись с друзьями!

Комментарии

Реклама

Подписаться на обновления