Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Заказать
Реклама Поддержка

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

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 Фреймы 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 Графика

HTML Холст HTML 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>
Попробуйте сами »

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