![]() |
Итак, вы хотите создать Web-страничку! Урок 1 |
Загрузите текстовый редактор Notepad, и давайте начнем.
Печатайте то, что выделено красным цветом, в текстовом редакторе.<HTML>
</HTML>То, что вы сейчас видите выше, называется тегами. Это - открывающий и закрывающий теги. Для того, чтобы поставить закрывающий тег, просто добавьте / к открывающему тегу. Большинство тегов, хотя и не все, являются парными - содержат закрывающий тег.
Теги являются своего рода предписаниями для браузера. С их помощью вы только что "сказали" браузеру "это - начало гипертектрового документа" (<HTML>), "а это - конец гипертекстового документа" (</HTML>).
Каждый HTML-документ включает заголовок - пару тегов HEAD.
<HTML>
<HEAD>
</HEAD>
</HTML>
В заголовке обычно располагаются информационные теги, и при просмотре документа в браузере они не видны. Единственный тег, результат интерпретации которого виден в окружении тегов HEAD (в настоящий момент) - это тег TITLE.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
Сама же страничка находится между тегами BODY tags.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Давайте дадим нашей страничке название:
<HTML>
<HEAD>
<TITLE>Моя первая страничка!</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>Теперь сохраните документ, но не как текстовый, а как html-документ. Сохраните его как page1.html где-нибудь в новой папке. Если вам не понятно, как это сделать... В текстовом редакторе Notepad в меню выберите пункт File, затем Save as.
В диалоговом окошке создайте новую папку, кликнув на ->
Назовите ее как-нибудь. Затем откройте эту папку двойным щелчком мышки. Там, где написано File name: напечатайте page1.html. Проверьте, что там, где написано Save as type:, выбран пункт All Files(*.*)
Нажмите enter и все!Теперь выможете просмотреть свою страничку в браузере! Если вы используете Netscape, файл, который вы создали, будет выглядеть довольно похожим на этот...
(Если ваша иконка чуть-чуть отличается - ничего страшного.)Дважды кликните на вашем файле и вы должны увидеть результаты своей работы.
К сожалению, как вы видите, страничка абсолютно чистая (но это - полноценный гипертекстовый документ!). Следующим шагом будет сделать эту страничку более информативной.
Будет лучше, если вы загрузите два окошка браузера и текстовый редактор Notepad одновременно. В одном окошке браузера у вас будет открыт этот учебник, а в другом - ваша новая web-страничка. Вам остается только переключаться между этими окошками. Если вы уже загрузили браузер Netscape и читаете эти строчки, вы можете загрузить файл двумя способами: 1) Найдите иконку html-файла, который вы только что создали: (page1.html), и кликните на ней два раза. Или, 2) В браузере Netscape, выберите пункт меню File/Open File In Browser и выберите файл (page1.html).
Перед тем, как перейти к уроку 2, остановимся на минутку на двух очень важных деталях. Во-первых, вы только что создали шаблон HTML-документа. Это минимальные требования к web-странице, и абсолютно все web-документы должны содержать эти базовые компоненты. Во-вторых, названием документа является та строчка, которая появилась в самом верху окошка браузера.
<--Назад Дальше-->
Введение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Содержание |