Вы также можете загрузить бесплатный текстовый редактор Notepad++ с сайта http://notepad-plus-plus.org.
Чтобы создать вашу первую веб-страницу на компьютере под управлением операционной системы Windows, запустите про-грамму Блокнот (Notepad). Для этого выберите команду меню Пуск → Все программы → Стандартные → Блокнот (Start → All Programs → Accessories → Notepad).
В операционной системе Windows 8 это можно сделать следующим образом: на экране Пуск (Start) в операционной системе Windows 8 щелкните правой кнопкой мыши и выберите пункт Все приложения (All Programs) в правом нижнем углу экрана. В списке приложений в группе Стандартные — Windows (Accessories — Windows) щелкните мышью по ярлыку приложения Блокнот (Notepad).
Введите в окне программный код. Например:
HTML
<html>
<head>
<title>Моя первая веб-страница</title>
</head>
<body>
<h1>Добро пожаловать на мою первую веб-страницу!</h1>
<p>Это код на языке HTML, который я создал в программе Блокнот</p>
</body>
</html>
Результат
В меню Файл (File) выберите команду Сохранить как (Save As). Сохраните файл и запомните, где он находится. При желании вы сможете создать отдельную папку для всех примеров из этого курса. Сохраните этот файл под именем first-test.html
. Не забудьте выбрать пункт Все файлы (Аll Files) в раскрывающемся списке Тип файла (Save as type), чтобы сохранить документ как веб-страницу, а не как простой текст.
Для веб-страниц с кириллическими буквами обязательно выберите пункт UTF-8 в раскрывающемся списке Кодировка (Encoding). Это необходимо для правильного отображения русского текста в окне браузера.
Запустите браузер. В меню Файл (File) выберите команду Открыть (Open). Перейдите в папку, содержащую только что созданный файл, выделите его и щелкните по кнопке Открыть (Open). Появившаяся страница должна быть похожа на ту, что изображена на рисунке ниже.
Если открытая вами страница отличается от изображенной на рисунке, найдите только что созданный файл и убедитесь, что он имеет расширение .html
(если у файла расширение .txt
, то вам придется вернуться в программу Блокнот (Notepad) и заново сохранить его, поместив имя файла first-test.html
в кавычки).
Элементы body, head и title | Создание веб-страницы в операционной системе OS X |