Но допустим, что интересное содержание для сайта готово. Например, набор полезных статей про экономическое положение страны или про разработку программ. Теперь необходимо создать сам сайт.
Основа Интернета, те "кирпичики", из которых состоит все информационное наполнение Сети — это web-страницы. Возникает закономерный вопрос: а что же это такое — web-страница, чем она отличается от любого другого документа вроде файла в формате Word или Rtf? Web-страница — это файл в особом формате — HTML (что переводится как HyperText Markup Language, то есть язык гипертекстовой разметки)[43]. Подобный файл характеризуется тем, что его содержимое представляет собой текст, шрифт, размер, расположение, поведение которого определяется специальными управляющими командами — тэгами. Кроме того, в этом формате допустима такая вещь, как гиперссылки — указатели на другие документы для быстрого перехода к ним, кроме того, возможно размещение на web-странице графических объектов.
Слово "site" означает "место". Место в сети Интернет. Сайтом называется набор web-страниц, связанных между собой перекрестными ссылками и расположенный под одним общим корневым именем. Например, http://antorlov.chat.ru. На этом сайте расположены web-страницы: verstka.htm, urls.htm, имеющие соответственно адреса http://antorlov.chat.ru/verstka.htm и http://antorlov.chat.ru/urls.htm. Но если говорить по сути, то страницы сайта объединяет не столько единство места или имени, сколько единство содержания и возможность перехода с одной его страницы на другую. Сайт — это прежде всего информационный ресурс, и основное объединяющее его начало — информация, находящаяся на нем.
Для просмотра документов в сети Интернет необходима специальная программа — браузер (browser, в переводе с английского — обозреватель). Эта программа считывает из Сети нужный документ и отображает его на экране в соответствии с расположением тэгов в документе. То есть тэги — это как бы директивы браузеру о том, как нужно отображать документ. Все современные браузеры поддерживают стандартный набор тэгов, входящий в утвержденный международными соглашениями документ — спецификацию языка HTML.
В настоящее время исходный язык HTML очень серьезно усовершенствован. Кроме того, появились технологии, дающие новые возможности, такие, как JavaScript, VBScript, Dynamic HTML, каскадные таблицы стилей и др. Но основа осталась та же — стандартные тэги, которые присутствуют на всех web-страницах. Поэтому для начала стоит посвятить несколько страниц книги основам языка Интернета, а потом уже рассказать и о новых технологиях.
Полный список тэгов HTML можно найти в спецификациях HTML. Достаточно большая их часть предназначена для отображения текста специальным образом (мигающим и др.) и используется редко. У многих тэгов есть свойства — специальные параметры, которые указываются в тэге и придают ему определенное значение.
Все тэги HTML заключаются в угловые скобки: "<тэг>". Это и есть признак тэга — браузер интерпретирует то, что заключено в угловые скобки, как директивы отображения страницы, если это возможно, и не отображает их самих на экране[44]. Регистр букв в наименовании тэга значения не имеет.
Практически все тэги являются парными. Это означает, что каждый тэг имеет свою "зону действия", в пределах которой он определяет вид документа. Конец зоны действия тэга обозначается им же, но без параметров и с прибавлением перед тэгом обратного слэша "/", — закрывающим тэгом. Кроме того, для тэгов, обозначающих элементы web-страницы, закрывающий тэг показывает их границы. Например, абзац текста должен иметь вид "<р>…текст…</р>".
Сейчас уже вышло много книг по HTML, и они есть практически в любом отделе компьютерной литературы. Поэтому не стоит описывать здесь стандарт HTML слишком подробно, так как более развернутые описания есть в специальных изданиях. Кроме того, о назначении каждого тэга нетрудно догадаться самому, проследив соответствие содержания Web-страницы и ее исходного текста.
Вот небольшой список наиболее употребительных тэгов. У некоторых тэгов указаны параметры, влияющие на их действие, а также приведены примеры использования тэгов и их параметров.
• Служебные тэги без параметров
Тэг ∙ Значение
<HTML> Начало Web-страницы.
<HEAD> Различная служебная информация.
<TITLE> Заголовок страницы, отображающийся в верхней строке браузера
• Служебные тэги с параметрами
Тэг ∙ Значение ∙ Параметры тэга
<МЕТА…> ∙ Служебная информация для поисковых систем и браузера. Располагается в разделе <HEAD>. ∙
— keywords — ключевые слова для поисковых машин
— http-equiv — указание на требуемое поведение страницы. Если он равен "Refresh", то это означает, что браузер должен осуществить переход на другую страницу content — значение параметра тэга МЕТА
— charset — информация о кодировке страницы. Требуется в случае, когда сервер, на котором расположена страница, не умеет выдавать пользователю страницы в требуемой им кодировке
<BODY…> ∙ Отображаемая часть документа.
— bgcolor — цвет фона страницы (далее следует цифровое обозначение цвета или слово, обозначающее цвет)
— text — цвет текста
— link — цвет непросмотренных ссылок
— vlink — цвет просмотренных ссылок
— alink — цвет нажатых ссылок
— background — путь к рисунку, который должен быть фоном
— bgproperties (равно True или False) — указание на то, должен ли двигаться фон при прокрутке страницы
• Тэги форматирования текста с параметрами
Тэг ∙ Значение ∙ Параметры тэга
<Р > ∙ Абзац текста
— align — выравнивание текста.
Значения:
left — по левому краю; center — по центру; right — по правому краю; justify — по ширине
<DIV> ∙ Фрагмент текста.
Те же, что и у тэга <р>. Используется для задания фрагменту определенных свойств.
<FONT> ∙ Вид и размер шрифта текста
— face — название шрифта
— size — размер букв, от 1 (наименьший) до 7 (наибольший)
— color — цвет текста. Указывается либо в виде названия цвета, либо в виде его кода в шестнадцатиричной системе.
<Н1>…<Н6> ∙ Текст, оформленный как заголовок
Те же, что и у тэга <р>. Оформленный этими тэгами текст имеет отличный от остального текста размер (у <Н1> наибольший).
43
Web-страница также может быть написана на XML — новом, разрабатываемом в настоящее время формате. В связи со сложностью данного формата, а также ограниченности его применения XML в данной книге рассматриваться не будет.
44
Сами угловые скобки могут быть отображены на экране с помощью специальной комбинации символов.