HTML -редакторы
Простой текстовый редактор — это все, что вам нужно для изучения HTML.
Изучайте HTML с помощью Блокнота или TextEdit
Веб-страницы можно создавать и изменять с помощью профессиональных HTML-редакторов.
Однако для изучения HTML мы рекомендуем простой текстовый редактор, например Notepad (ПК) или TextEdit (Mac).
Мы считаем, что использование простого текстового редактора — это хороший способ изучения HTML.
Выполните следующие шаги, чтобы создать свою первую веб-страницу с помощью Блокнота или TextEdit.
Шаг 1. Откройте Блокнот (ПК)
Windows 8 или более поздняя версия:
Откройте начальный экран (символ окна внизу слева на экране). Введите блокнот .
Windows 7 или более ранняя версия:
Откройте «Пуск » > «Программы» > «Стандартные» > «Блокнот ».
Шаг 1. Откройте TextEdit (Mac)
Откройте Finder> Приложения> TextEdit
Также измените некоторые настройки, чтобы приложение правильно сохраняло файлы. В « Настройки»> «Формат»> выберите «Обычный текст».
Затем в разделе «Открыть и сохранить» установите флажок «Отображать HTML-файлы в виде HTML-кода вместо форматированного текста».
Затем откройте новый документ, чтобы поместить код.
Шаг 2: Напишите немного HTML
Напишите или скопируйте в Блокнот следующий HTML-код:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Шаг 3: Сохраните HTML-страницу
Сохраните файл на своем компьютере. Выберите « Файл» > «Сохранить как» в меню «Блокнот».
Назовите файл «index.htm» и установите кодировку UTF-8 (предпочтительная кодировка для файлов HTML).
Совет. В качестве расширения файла можно использовать .htm или .html. Нет никакой разницы, это зависит от вас.
Шаг 4. Просмотр HTML-страницы в браузере
Откройте сохраненный HTML-файл в своем любимом браузере (дважды щелкните файл или щелкните правой кнопкой мыши — и выберите «Открыть с помощью»).
Результат будет примерно таким:
Онлайн-редактор W3Schools — «Попробуйте сами»
С помощью нашего бесплатного онлайн-редактора вы можете редактировать HTML-код и просматривать результат в своем браузере.
Это идеальный инструмент, если вы хотите быстро протестировать код. Он также имеет цветовое кодирование и возможность сохранять код и делиться им с другими:
Пример
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Нажмите на кнопку «Попробуйте сами», чтобы увидеть, как это работает.
W3Schools Пространства
Если вы хотите создать свой собственный веб-сайт и сохранить свой код в Интернете, попробуйте наш бесплатный конструктор веб-сайтов под названием W3schools Spaces :