Главная » Руководство по HTML – HTML5 введение » Редакторы кода HTML

Редакторы кода HTML

Изучайте HTML с помощью обычного Блокнота или TextEdit.

Веб-страницы можно создавать и изменять с помощью профессиональных HTML-редакторов кода. Однако для изучения HTML подойдет и простой текстовый редактор, например Notepad (Windows) или TextEdit (Mac). В котором вы сможете написать свой первый HTML-код.

Шаг 1: Блокнот

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

На Windows откройте Блокнот;
На macOS откройте TextEdit (
Finder (ПО)
Файловый менеджер по умолчанию и оболочка с графическим интерфейсом пользователя, используемая во всех операционных системах Macintosh (macOS). Finder отвечает за запуск приложений. Finder > Приложения > TextEdit).

Затем в разделе "Открыть и сохранить" установите флажок "Отображать HTML-файлы в виде HTML-кода вместо форматированного текста".

Далее откройте новый документ, чтобы поместить код.

Выполните следующие шаги, чтобы создать свою первую веб-страницу с помощью Блокнота или TextEdit.

Шаг 2: Напишите небольшой HTML код

<!DOCTYPE html>
<html>
<body>

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

<p>Мой первый параграф.</p>

</body>
</html>

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

Сохраните файл на своем компьютере (для удобства можно создать отдельную папку для html - файлов).

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

Назовите файл "index.htm" и установите кодировку UTF-8 (предпочтительная кодировка для файлов HTML).

★ Примечание: в качестве расширения файла можно использовать .htm или .html. Нет никакой разницы! Оба расширения будут в точности отображать веб-документ.

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

Откройте сохраненный HTML - файл в своем любимом браузере (дважды щелкните файл или щелкните правой кнопкой мыши — и выберите "Открыть с помощью").

Результат будет примерно таким:

Профессиональные редакторы HTML-кода

Также существует огромное количество профессиональных редакторов HTML-кода, с которыми вы обязательно познакомитесь при дальнейшем изучении HTML.

В качестве расширения файла можно использовать не только .html но и htm?

Проверьте себя, насколько хорошо вы запомнили материал.

☛ Основные примеры HTML

Руководство по HTML — введение ☚

Поделиться ссылкой