После прочтения предыдущих статей вы можете уже буквально через несколько минут создать свой первый web-сайт.
В статье Необходимое ПО мы узнали, что необходимо для создания сайта: браузер и Notepad (или аналогичная программа — текстовый редактор). Исходя из того, что вы читаете данную статью можно сделать вывод, что ваш браузер уже открыт. Вам лишь необходимо открыть дополнительное окно браузера (открыть браузер еще раз), и вы сможете одновременно читать данную статью и видеть ваш новый web-сайт.
Так же откройте Notepad(который можно запустить с помощью сочетания клавиш «Пуск + R» в открывшемся окне пропишите на английском «notepad» и нажмите Enter).
Теперь вы готовы приступить к созданию вышего сайта.
Сперва начнем с чего-нибудь полегче. Как насчет того чтобы создать страницу, на которой будет написно: «Моя первая страница созданная с помощью html.»
Структура html-документа состоит из трех пар тэгов:
|
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> Заголовок документа </head> <body> Тело документа </body> </html> |
Теги <html> </html> являетс основным контейнером для всех остальных, т.е. в них помещаютя все остальные тэги. Изходя из этоговаш html-документ должен начинаться с тэга <html>, а заканчиваться тегом </html>.
Сам html-документ условно можно разделить на две части — заголовок документа (тэги <head> </head>, которые содержат служебную информацию о вашем документе) и тело документа (теги <body> </body>, содержимое самого документа).
Добавление содержимого на сайт
Если вы хотите дать название документу, чтобы оно появилось в верхней стоке браузера, для этого нужно в разделе «head» добавить тэги <title> </title>.
|
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> <title>Мой первый сайт</title> </head> <body> Тело документа </body> </html> |
В браузере это будет выглядеть так:
Обратите свое внимание на то, что содержимое тэгов <title> </title> не появляется на самой web-странице сайта. Все, что вы хотите видеть на самой странице сайта, является содержимым и должно находиться между тэгами <body> </body>.
В начале я говорил, что хочу создать web-страницу с надписью «Моя первая страница созданная с помощью html.» Текст, который я хочу отобразить на странице сайта я размещаю его между тэгами <body> </body>. Поэтому в раздел body я печатаю следующее:
|
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> <title>Мой первый сайт</title> </head> <body> <p>Моя первая страница созданная с помощью html.</p> </body> </html> |
Буква p в <p> </p> это сокращение от слова «paragraph» и означает — параграф текста.
Готово! Мы создали первый web-сайт!
Теперь надо незабыть сохранить наш документ на жесткий диск либо сеъмный носитель, а затем открыть в браузере.
В Notepade («Блокнот«) выберете «Сохранить как…» в меню «Файл«
Выберите «All Files» в боксе «Save as type«. Это очень важно — иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ.
Теперь сохраните ваш документ как «Страница 1.htm» (расширение «.htm» указывает, что это HTML-документ. «.html» даст тот же результат. Я всегда использую «.htm«, но вы можете выбрать любое из этих двух расширений). Где вы сохраните документ на жёстком диске — не имеет значения, главное запомнить это место, чтобы потом легко найти файлы.
Теперь откройте браузер:
Нажмите сочетание клавишь Ctrl + O.
Теперь найдите свой документ и нажмите открыть.
Теперь вы можете посмотреть на свою первую страницу в вашем браузере.