- •Основы web-дизайна
 - •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
 - •Введение
 - •1.2.1. Стандарты языка html
 - •1.2.2. Браузеры
 - •Редакторы html-документов
 - •Контрольные задания
 - •Синтаксис html-тегов
 - •Структура html-документа
 - •Адресация ресурсов
 - •Контрольные задания
 - •3.2.1. Комментарии
 - •3.2.2. Символьные примитивы (&-последовательности)
 - •4.2.1. Разбиение текста
 - •4.2.2. Форматирование символов
 - •4.2.2.1. Логическое форматирование
 - •4.2.2.2. Физическое форматирование
 - •4.2.3. Параметры шрифта
 - •4.2.4. Заголовки разных уровней внутри текста
 - •5.2.1. Формы представления цвета
 - •5.2.2. Цвет текста и фон документа
 - •5.2.3. Графические форматы
 - •5.2.4. Графические изображения
 - •Контрольные задания
 - •10.2.1. Описание структуры набора фреймов
 - •10.2.2. Общий вид html-документа, задающего набор фреймов
 - •10.2.4. Целевые фреймы
 - •11.2.1. Простейшая форма
 - •11.2.2. Типы элементов форм
 - •Контрольные задания
 - •Несколько советов
 - •Библиографический список
 - •Оглавление
 - •Основы web-дизайна
 
Структура html-документа
Здесь приводится структура html-документа, не содержащего фреймов (о фреймах см. лаб. раб. № 10).
Html-документ заключается в теги <HTML> и </HTML>. Между этими тегами располагаются две секции: секция заголовка (между тегами <HEAD> и </HEAD>) и секция тела документа (между тегами <BODY> и </BODY>). Секция заголовка содержит описание параметров, используемых при отображении документа, но не отражающихся непосредственно в окне браузера. Секция тела документа содержит текст, предназначенный для отображения браузером, и теги, указывающие на способ форматирования текста, определяющие графическое оформление документа, задающие параметры гиперссылок и так далее. Вот самый простой html-документ (рис. 2).
<HTML>
<HEAD>
</HEAD>
<BODY>
Самый простой html-документ
</BODY>
</HTML>
Рис. 2. Пример html-документа
Браузер отобразит этот документ, выведя в своем окне строку «Самый простой html-документ», расположенную в секции тела документа. Секция заголовка пуста, что не является синтаксической ошибкой, хотя на практике, конечно, в этой секции следует задавать определенную информацию (см. п. 3.2.3 лаб. раб. № 3). В теге <BODY> могут быть указаны атрибуты, определяющие цвета текста и фон документа (см. лаб. раб. № 5).
Адресация ресурсов
Местоположение информационных ресурсов в WWW может быть определено в абсолютной и относительной форме.
Адресация в абсолютной форме используется при ссылках на ресурсы, находящиеся на других серверах. Универсальный адрес, определяющий местонахождение информационного ресурса, носит название URL (Uniform Resource Locator - унифицированный адрес ресурса). URL состоит из двух частей, разделенных двоеточием. Первая часть указывает на тип сетевого протокола, который зависит от типа ресурса. Например, если ресурс располагается на WWW-сервере, это протокол http. Вторая часть включает в себя имя компьютера (сервера) в доменной системе имен и (если требуется) путевое имя файла. При записи путевого имени названия каталогов разделяются косой чертой (символ /); в именах файлов и каталогов различаются прописные и строчные буквы; пробелы не допускаются. Вот примеры URL (рис. 3):
http://www.ixbt.com/cpu/intel-prescott.htm
http://213.24.247.64:81100
ftp://listsoft.ru/pub/11089/dmaster.exe
mailto:Ivanov@newmail.ru
Рис. 3. Примеры URL
Последний URL (см. рис. 3), указывающий на протокол mailto и адрес электронной почты, стоит особняком в ряду других, поскольку не ссылается ни на какой информационный ресурс; это единственный тип URL, при записи которого не ставятся после двоеточия две косые черты (символы //).
Адресация в относительной форме используется при ссылках на ресурсы, находящиеся на том же сервере. При записи пути к файлу названия каталогов разделяются прямой косой чертой (символ /); переход по каталогам файловой системы на один уровень вверх обозначается двумя точками (символы ..). Чтобы было понятнее, представим себе компьютер, например, с такой структурой каталогов, содержащих html-файлы (рис. 4):
Адрес файла fox.htm относительно start.htm: Fauna/fox.htm
Адрес файла fox.htm относительно forest.htm: .. /Fauna/fox.htm
Адрес файла ecology.htm относительно fox.htm: ../../Town/ecology.htm
Рис. 4. Пример структуры каталогов
При адресации WWW-ресурсов (то есть html-документов) есть возможность ссылаться и на фрагменты html-документов в виде http://www.ixbt.com/cpu/intel-prescott.htm#new, где после символа # указывается заранее определенный идентификатор фрагмента (метка) документа (см. лаб. раб. № 7).
