|
Глобальная Сеть не только
соединила пользователей всего мира, но и утвердилась в виде новых
технологий на наших персональных компьютерах. Действительно,
пользователь, который приобрел и установил на своей машине Microsoft Office 97,
становится обладателем Internet-технологии в готовом виде, независимо от
того, подключен его компьютер к Сети или нет. Иными словами, средства, предназначенные
для работы с Сетью, стали использоваться и в других целях, с нею не
связанных, а среди программного обеспечения, устанавливаемого на большинство
персональных компьютеров, приложения для Internet
заняли свое почетное место. В результате работа многих пользователей
стала иметь большее отношение к Сети, чем они того сами, может быть
желали. Так, одним из способов самовыражения стало размещение личных
страничек в Internet. Многие коммерческие фирмы
стали использовать Сеть для рекламы и сбыта
своей продукции. Людям, занятым поиском работы, стал доступен и такой
сервис: составить резюме в формате Web-страницы и разместить
эту информацию в Сети. Важную роль Internet
стал играть для научных, учебных и общественных организаций.
Подтверждение этому легко найти, выйдя на просторы киберпространства.
Для того,
чтобы понять структуру и сценарий Web-документа, мы должны рассмотреть несколько
Web-страниц и выявить общие элементы. Любой Web-документ состоит из
тегов, причем обычно начальные теги пишутся большими буквами, а конечные
- маленькими.
Итак, рассмотрим основные
теги, входящие в каждый Web-документ.
Прежде всего, это <HTML></html>. Отличительный признак HTML-документа. Одним из
принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и
конечным тегами должна находиться вся Web-страница.
Также основным тегом является <HEAD></head>. Область заголовка Web-страницы. Иными словами, ее
первая часть. Так же как и HTML, HEAD служит только для формирования
общей структуры документа.
<BODY></body>. Этот элемент заключает в себе гипертекст, который
определяет собственно Web-страницу. Эта та часть документа, которую
разрабатывает автор страницы и которая отображается броузером.
Соответственно, конечный тег этого элемента надо искать в конце
HTML-файла. Внутри BODY
можно использовать все элементы, предназначенные для дизайна Web-страницы.
Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих
установки для всей страницы целиком. Без этих тегов невозможно создать ни
одну Web-cтраницу.
Более подробно эти и другие теги мы рассмотрим в параграфе далее
Если сравнить исходные тексты различных Web-страниц,
можно легко увидеть сходство их структур. Это объясняется тем, что документы
создаются по определенным правилам. В основу синтаксиса языка HTML лег
стандарт ISO 8879: 1986 “Information processing. Text and
office systems. Standard Generalized Markup Language (SGML)” . Правда, существует большое различие между
стандартом официальным и стандартом фактическим. Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие
принципы построения HTML-страниц. Для того чтобы понять структуру
Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие
в приведенный листинг.
Пример простого
HTML-документа
<COMMENT> Комментарий к документу </comment> <HTML> <HEAD> <TITLE> Структура Web-страницы</title> <STYLE> H2 {font-family: Arbat;} CODE {font-family: Arbat;} </style> <META name=’’Author’’ content=’’Irina’’>
<META name=’’Keywords’’ content=’’WWW, HTML, document, element’’> </head> <BODY bgcolor=#FFFFFF> <A name=’’top’’></a> Переход в <A href=’’#bottom’’>
конец </a> документа <P> Переход к <A href=’’#S001’’><B> ссылке 1 </b></a><P> <P> <HR> <H1>Заголовок1<h1> <H2>Заголовок2<h2>
<H3>Заголовок3<h3> <H4>Заголовок4<h4>
<H5>Заголовок5<h5> <H6>Заголовок6<h6> <HR>
Здесь расположена <B>ссылка 1</b><A
name=’’S001’’></a> <HR>
<P>Здесь должен располагаться оригинальный текст Web-страницы
<HR> <A name=’’bottom’’></a><P> Переход в <A gref=’’top’’> начало </a> документа </body> </html>
В итоге получится
Переход в конец документа
Переход к ссылке 1
Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
Здесь расположена ссылка 1
Здесь
должен располагаться оригинальный текст Web-страницы
Переход в начало документа
|
