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>
Шаг 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>
Попробуйте сами »
Нажмите на кнопку "Попробуйте сами", чтобы увидеть, как это работает.