- •Основы 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).