САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Учебник

HTML Главная HTML Информация HTML Редактор HTML Основные HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитирование HTML Комментарии HTML Цвет HTML с CSS HTML Ссылки HTML Изображение HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML с JavaScript HTML Путь к файлу HTML Мета теги HTML Методы верстки HTML Адаптивный дизайн HTML Компьютерный код HTML Семантика HTML Руководство HTML Сущности HTML Символы HTML Эмодзи HTML Кодировка HTML URL Кодировка HTML в XHTML

HTML Формы

HTML Формы HTML Элементы ввода HTML Типы ввода HTML Атрибуты ввода HTML Атрибуты форм ввода

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Медиа формат HTML Video HTML Audio HTML Плагины HTML YouTube

HTML API

HTML Геолакация HTML Перетаскивание HTML Веб хранилище HTML Веб работник HTML SSE

HTML Примеры

HTML Примеры HTML Тестирование HTML Упражнения HTML Сертификат HTML Заключение HTML Возможности

HTML Справочники

HTML Список тегов HTML Атрибуты HTML Глобальные атрибуты HTML Поддержка браузера HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Типы документов HTML Кодировка символов HTML URL Кодировка HTML Коды языка HTTP Сообщения HTTP Методы PX в EM конвертер Клавишные комбинации

HTML Редактор



Простой текстовый редактор - это все, что вам нужно для изучения HTML.

Изучайте HTML с помощью Notepad или TextEdit

Веб страницы могут быть созданы и изменены с помощью профессиональных редакторов HTML.

Однако, для изучения HTML мы рекомендуем простой текстовый редактор, например Notepad++ (PC) или TextEdit (Mac).

Мы верим, что с помощью простого текстового редактора - очень хороший способ выучить HTML.

Выполните следующие действия ниже, чтобы создать свою первую веб-страницу с Notepad или TextEdit.


Шаг 1: Открыть Notepad++

Windows 8 или старых версий:

Открыть стартовый экран (символ в окне внизу слева на экране). Тип Notepad++.

Windows 7 или новых версий:

Открыть Пуск > Все программы > Аксессуары > Notepad++


Шаг 1: Открыть TextEdit (Mac)

Открыть Пуск > Приложения > TextEdit

Также изменить некоторые параметры, чтобы получить приложение правильно сохранить файлы. В Предпочтения > Формат > выбрать "Обычный Текст"

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

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


Шаг 2: Написать HTML

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

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

Notepad


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

Сохраните файл на вашем компьютере. Выберите файл > Сохранить как в меню Notepad++.

Просмотр в браузере

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

Просмотр в браузере

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


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

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

Результат будет выглядеть так:

Просмотр в браузере


Schoolsw3 Онлайн Редактор - "Попробуйте сами"

С помощью нашего бесплатного онлайн редактора вы можете редактировать HTML код и просматривать результат в своем браузере.

Это идеальный инструмент, когда вы хотите тестировать ваш код. Он также имеет цветовое кодирование и возможность сохранять и делиться кодом с другими пользователями:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Название страницы</title>
</head>
<body>

<h1>Это заголовок</h1>
<p>Это параграф</p>

</body>
</html>
Попробуйте сами »

Нажмите на кнопку "Попробуйте сами", чтобы увидеть, как это работает.