2 СОЗДАНИЕ ДОКУМЕНТОВ HTML

Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows

Первая страница HTML

Итак, начнем. Запустите в среде операционной системы Microsoft Windows 95 или Microsoft Windows NT программу Notepad и наберите текст, приведенный в листинге 2.1. Сохраните этот текст в файле с именем first.htm.

Листинг 2.1. Файл chap2\first.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>XYZ Incorporation</TITLE>
  </HEAD>
  <BODY>
    Добро пожаловать в мир серверов WWW!
  </BODY>
</HTML>

Убедитесь, что у вас установлен навигатор Microsoft Internet Explorer или Netscape Navigator. Рекомендации по установке этих навигаторов вы найдете в 23 томе нашей серии книг “Библиотека системного программиста”, который называется “Глобальные сети компьютеров. Практическое введение в Internet, E-Mail, FTP, WWW и HTML, программирование для Windows Sockets”.

Откройте папку, в которую вы сохранили файл first.htm и сделайте двойной щелчок левой клавишей мыши по пиктограмме файла. Сразу после этого будет автоматически запущен навигатор, в окне которого появится содержимое вашего документа. Другой способ просмотра документа HTML, записанного в файле, заключается в том что вы вначале запускаете навигатор, а затем открываете нужный файл с помощью меню. При использовании навигатора Microsoft Internet Explorer для открытия файла вы должны вначале выбрать из меню File строку Open, а затем в появившейся диалоговой панели Open Internet Address нажать кнопку Open File. После этого вы окажитесь в диалоговой панели с названием Open File, с помощью которой можно выбрать файл документа HTML, расположенный на локальном диске вашего компьютера.

На рис. 2.3 мы показали внешний вид документа first.htm при его просмотре с помощью навигатора Microsoft Internet Explorer.

Рис. 2.3. Внешний вид документа first.htm в окне навигатора Microsoft Internet Explorer

Рассмотрим на этом простейшем примере структуру документа HTML.

Структура документа HTML

Документ HTML содержит операторы, которые могут занимать одну или несколько строк. Например, оператор пролога <!DOCTYPE…> занимает одну строку и описывает тип документа как HTML версии 3.2 (здесь и далее многоточие после имени оператора означает, что оператор может иметь дополнительные параметры). Оператор <HTML> на самом деле состоит из открывающего оператора <HTML> и закрывающего оператора </HTML>, между которыми расположены другие операторы.

Рассмотрим операторы, использованные в нашем простейшем примере, более подробно.

Документ HTML версии 3.2 начинается с оператора <!DOCTYPE…> следующего вида:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

Здесь W3C - название организации, разработавшей стандарт. Слово DTD (Document Type Definition) означает определение типа документа. Мы привели параметры оператора <!DOCTYPE…> для языка HTML версии 3.2. Параметры этого оператора для более ранних версий определены в соответствующих стандартах, доступных через Internet.

Заметим, что оператор пролога <!DOCTYPE…> может отсутствовать в документах HTML. Такие документы будут нормально отображаться в окне навигатора. Однако оператор <!DOCTYPE…> может оказать помощь навигатору при отображении страницы, так как он позволяет определить версию языка HTML, использованную при подготовке страницы.

Вслед за оператором пролога следует тело документа HTML, ограниченное операторами <HTML> и </HTML>, как это показано ниже:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  . . . (документ HTML)
</HTML>

Документ HTML состоит из двух основных частей - заголовка документа и тела документа.

Заголовок документа

Заголовок документа выделяется операторами <HEAD> и </HEAD>. Он может содержать другие операторы и занимать несколько строк. Тело документа занимает одну или несколько (возможно, достаточно много) строк. Оно выделяется операторами <BODY> и </BODY>.

Уточненная структура документа HTML представлена ниже:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    . . . (заголовок документа)
  </HEAD>
  <BODY>
    . . . (тело документа)
  </BODY>
</HTML>

Как видите, эта структура несложна.

В нашем первом документе HTML заголовок состоит всего из одной строки:


<TITLE>XYZ Incorporation</TITLE>

С помощью операторов <TITLE> и </TITLE> здесь задается строка заголовка страницы, которая отображается в заголовке главного окна навигатора (рис. 2.3). Каждый документ HTML должен иметь строку заголовка, определенную указанным выше способом. Эта строка идентифицирует документ и отображается навигатором не только в заголовке главного окна, но и в других местах, например, в списке посещенных страниц.

Есть ли ограничения на размер строки заголовка документа?

В стандарте не сказано о существовании таких ограничений, однако если удаленный пользователь работает в видеорежиме с низким разрешением (например, 640х480 пикселов), длинная строка заголовка страницы может не поместиться в заголовке окна.

Заголовок документа может содержать помимо оператора <TITLE> и другие операторы, которые мы рассмотрим позже. Однако оператор <TITLE> является обязательным для любого документа.

Тело документа

В отличие от заголовка, тело документа HTML, ограниченное операторами <BODY> и </BODY>, отображается во внутренней области окна навигатора.

В нашем простейшем примере тело состоит всего из одной приветственной строки:


<BODY>
  Добро пожаловать в мир серверов WWW!
</BODY>

Как видно из рис. 2.3, эта строка отображается в окне навигатора, выровненной по левой границе этого окна. С помощью многочисленных операторов, которые мы рассмотрим в нашей книге, вы сможете изменить выравнивание строки, начертание и цвет символов, размер шрифта и многие другие атрибуты.

Помимо обычных текстовых строк в теле документа могут располагаться таблицы, графические изображения, ссылки на другие страницы и так далее - словом, все, что вы можете найти на страницах серверов WWW.