Все Web-страницы создаються по определеным правилам.
Ниже приведён листинг HTML-кода постой страницы. Теперь код визуально разделён на части и добавлен комментарий.
<html>
<head>
<title>
Образец</title>
</head>
<!-- комментарий -->
<body>
<h1>Привет, мир!>
</h1>
</body>
</html>
Для того чтобы посмотреть как работает этот код, кликните здесь.
Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведённый листинг.
Итак, начнем!
<HTML> </html>
Отличитительный признак HTML-документа. Он должен всегда начинать любой HTML докумет. Я уже упоминал о том, что одним из признаков языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе этот элемент можно рассматривать как формальность. Естественно, что конечным тегом </html> заканчиваються все гипертекстовые документы. Сам по себе документ является обыкновенным текстовым ASCII-файлом. Без этих тэгов броузер или другая программа просмотра, возможно, будет не в состоянии идентифицировать формат документа и правильно его интерпритировать.
Большинство современных броузеров могут опозновать документ и не содержащий тэгов <HTML> и </HTML>, всё же их употребление крайне желательно. Наличие этих тэгов является необходимым условием для индексирования страницы поисковым рооботом.
Между парой тэгов <HTML> и </HTML> располагается сам документ. Документ может состоять из двух разделов - раздела заголовка (начинающийся тэгом <HEAD>) и раздела содержательной части документа (начинающийся тэгом <BODY>). Для документов, описывающих фреймовые структуры, вместо раздела BODY используется раздел FRAMESET (с тэгом <FRAMESET>).
<HEAD> </head>
От англ. - голова. Область заголовка Web-страницы. Иными словами, ёё первая часть. Так же как и HTML, HEAD служит только для форматирования общей структуры документа. В этот элемент допускается вложени элементов TITLE, META и других не часто употребляемых.
<BODY> </body>
Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается броузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком.
Далее идут ссылки на описание правил составления разделов документа HEAD и BODY.
Построения документов, содержащих фреймы, рассмотренны в разделе "Фреймы"
Вот более сложный HTML-код:
<html> <head> <title>Заголовок.</title> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="Образец №2."> <meta content="образец, пример, example" name=Keywords> <meta http-equiv="expires" content="now"> </head> <body bgcolor="#FFFFCC" link="#000000" vlink="#000000" text="#008080"> <h1>Привет, мир!</h1> </body> </html>Для того чтобы посмотреть как работает этот код, кликните здесь.