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

HTML Учебник

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

HTML Формы

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

HTML Графика

HTML5 CanvasHTML5 SVG

HTML Медиа

HTML Медиа форматHTML5 ВидеоHTML5 АудиоHTML ПлагиныHTML YouTube

HTML API

HTML5 ГеолокацияHTML5 ПеретаскиваниеHTML5 Веб хранилищеHTML5 Веб работникHTML5 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>
Попробуйте сами »

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