Электронная библиотека книг Александра Фролова и Григория Фролова.
 
Библиотека
Братьев
Фроловых
Электронная библиотека книг Александра Фролова и Григория Фролова.
Библиотека системного программиста
Программирование на JAVA
ПК. Шаг за шагом
Другие книги
Восстановление данных
Антивирусная защита
Статьи для
программистов
Пользователю компьютера

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

© Александр Фролов, Григорий Фролов
Том 29, М.: Диалог-МИФИ, 1997, 288 стр.

[Назад] [Содеожание] [Дальше]

Первая страница 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.

[Назад] [Содеожание] [Дальше]


Создание интернет-магазинов: http://www.shop2you.ru/ © Александр Фролов, Григорий Фролов, 1991-2016