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