Файл: ГЛАВНЫЕ СВЕДЕНИЯ ПРО ЯЗЫК ПРОГРАММИРОВАНИЯ.pdf

Я могу использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдёте на предыдущую ссылку, а вернётесь на ту часть документа, которую вы просматривали до этого [9, с. 320].

HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Первая часть URL (до двоеточия) описывает метод доступа или сетевой сервис. Другая часть URL (после двоеточия) интерпретируется в зависимости от метода доступа. Обычно, два прямых слеша после двоеточия обозначают имя машины:

method://machine-name/path/foo.html

Следующий пример представляет собой вызов HTML-документа index.html с сервера www.softexpress.com с использованием HTTP протокола: http://www.softexpress.com/index.html

Uniform Resource Locator имеет следующий формат: method://servername:port/pathname#anchor

Опишу каждый из компонентов URL:

METHOD. Имя операции, которая будет выполняться при интерпретации этого URL. Наиболее часто используемые методы:

file: чтение файла с локального диска. Имя файла интерпретируется для локальной машины пользователя. Данный метод используется для отображения какого-либо файла, находящегося на машине пользователя. Например: file:/home/alex/index.html - отображает файл index.html из каталога /home/alex на пользовательской машине [15, с. 128].

http: доступ к WEB-странице в сети с использованием HTTP-протокола. (Это наиболее часто используемый метод доступа к какому-либо HTML-документу в сети). Например: http://www.softexpress.com/ - доступ к Home-странице компании SoftExpress

ftp: запрос файла с анонимного FTP-сервера. Например: ftp://hostname/directory/filename

mailto: активизирует почтовую сессию с указанным пользователем и хостом. Например: mailto:info@softexpress.com - активизирует сессию посылки сообщения пользователю info на машине softexpress.com, если браузер поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слешей после двоеточия (как правило, после двоеточия сразу идёт электронный адрес абонента) telnet: обращение к службе telnet

news: вызов службы новостей, если браузер её поддерживает. Например: news:relcom.www.support

SERVERNAME. Необязательный параметр, описывающий полное сетевое имя машины. Например: www.softexpress.com - полное сетевое имя сервера фирмы СофтСервис.

Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL вычисляется на той машине, с которой взят HTML-документ, содержащий данную ссылку. Вместо символьного имени машины может быть использован IP-адрес, однако это не рекомендуется из-за возможного пересечения с фиксированными локальными адресами внутренней сети.

PORT. Номер порта TCP на котором функционирует WEB-сервер. Если порт не указан, то "по умолчанию" используется порт 80. Данный параметр (port) не используется в подавляющем большинстве URL.

PATHNAME. Частичный или полный путь к документу, который должен вызваться в результате интерпретации URL. Различные WEB-сервера сконфигурированы по разному для интерпретации пути доступа к документу. Например, при использовании CGI скриптов (исполняемых программ), они обычно собираются в одном или нескольких выделенных каталогах, путь к которым записан в специальных параметрах WEB-сервера. Для данных каталогов WEB-сервером выделяется специальный логический путь, который и используется в URL. Если WEB-сервер видит данный путь, то запрашиваемый файл интерпретируется как исполняемый модуль. В противном случае, запрашиваемый файл интерпретируется просто как файл данных, даже если он является исполняемым модулем. Например: http://www.softexpress.com/cgi-win/handle.exe

В данном примере HTTP-сервер должен вызвать CGI-скрипт с именем handle.exe, который находится на машине с сетевым именем www.softexpress.com. Путь к данному скрипту - /cgi-win/ - в действительности является виртуальным путём (выделенным сервером для исполняемых модулей). Заметьте, что при описании пути используется UNIX-подобный синтаксис, где, в отличии от DOS и Windows используются прямые слеши вместо обратных. Если после сетевого имени машины сразу идёт имя документа, то он должен находиться в корневом каталоге на удалённой машине или (что чаще) в каталоге, выделенном WEB-сервером в качестве корневого. Если же URL заканчивается сетевым именем машины, то в качестве документа запрашивается документ из корневого каталога удалённой машины с именем, установленным в настройках WEB-сервера (как правило, это index.html).

#ANCHOR. Данный элемент является ссылкой на строку (точку) внутри HTML-документа. Большинство браузеров, встречая после имени документа данный элемент, размещают документ на экране таким образом, что указанная строка документа помещается в верхнюю строку рабочего окна браузера. Точки, на которые ссылается #anchor, указываются в документе при помощи тэга NAME, как это будет описано далее [3, с. 320].

Структура ссылок в HTML-документе. Пока что мы рассмотрели только внешний вид URL. Для того, чтобы браузер отобразил ссылку на URL, необходимо отметить URL специальными тэгами в HTML-документе. Синтаксис HTML, позволяющий это сделать - следующий:

<A HREF="URL"> текст-который-будет-подсвечен-как-ссылка </A>

Тэг <A HREF="URL">открывает описание ссылки, а тэг </A> - закрывает его. Любой текст, находящийся между данными двумя тэгами подсвечивается специальным образом Web-браузером. Обычно этот текст отображается подчёркнутым и выделен синим (или другим заданным пользователем) цветом. Текст, обозначающий URL, не отображается браузером, а используется только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчёркнутом тексте). Вот пример сегмента HTML-документа:

Для получения примера смотри <a href="http:/www.ruswebmasters.com/index.htm>страницу </a>

Данная строка будет выглядеть на экране следующим образом:

Ссылки на точки внутри документа. Вы можете делать ссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя прокрутку экрана. Как только вы щёлкнете на ссылке, браузер переместит вас на указанный раздел документа, а строка, в которой стоит маркер данного раздела (обычно, первая строка раздела или заголовок раздела) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране браузера).

Для создания такой ссылки необходимо выполнить следующие шаги:

1. Создайте маркер раздела. Синтаксис данного маркера следующий:

<A NAME=«named_anchor»> Текст-который-отобразится-в-первой-строке </A>

2. Создайте ссылку на данный маркер:

<A HREF=«#named_anchor»> Текст </A>

Например:

Список разделов <ul> <li><a href=«#ex1»>Раздел 1</a></li> <li><a href=«#ex2»>Раздел 2</a></li> </ul> <a name=«ex1»></a>Раздел 1 <ul> Текст раздела 1 </ul> <a name=«ex2»></a>Раздел 2 <ul> Текст раздела 2

Символы «#ex1» сообщает вашему браузеру, что необходимо найти в данном HTML-документе маркер с именем «ex1».

Когда пользователь щёлкнет мышью на строке «Раздел 1», браузер перейдёт сразу к разделу 1.

2.2 Графика внутри документа

Язык HTML предусматривает специальный набор тегов для представления информации в виде списков. Чаще всего используются маркированные и нумерованные списки. Можно также создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других.

Нумерованный список образуют с помощью тега–контейнера <OL>...</OL>. Каждый элемент списка начинается с тега <LI>. Список может иметь заголовок, который охватывается парным тегом <LH>...</LH>. Схематично нумерованный список имеет такой вид:

<LH> заголовок списка </ LH>

<OL>

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

..............................................

</OL>

Тэг <OL> может иметь параметр TYPE, который задаёт стиль нумерации. Возможны следующие значения параметра TYPE :

I – нумерация большими Римскими цифрами (I, II, III...);

i – нумерация малыми Римскими цифрами (i, ii, iii...) ;

a – нумерация малыми латинскими буквами (а, b, c...);

А – нумерация большими латинскими буквами (A, B, C...);

1 – нумерация малыми арабскими цифрами (1, 2, 3...).

В маркированный списках для выделения его элементов используют специальные символы, называемые маркерами списка. Для создания маркированного списка используют тег–контейнер <UL>...</UL>, внутри которого размещают все элементы списка. Каждый элемент списка начинается с тега <LI>. Схематично маркированный список имеет такой вид:

<UL>

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

.................................

</UL>

Тег <UL> может быть параметр TYPE, который определяет внешний вид маркера. Типичными значениями маркера являются следующие:

TYPE=disc – маркеры отображаются закрашенными кружками;
TYPE= circle – маркеры отображаются не закрашенными кружками;
TYPE=square – маркеры отображаются закрашенными квадратиками.

Например:

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

..................................

</UL>

Для создания встроенных изображений в HTML–документе необходимо использовать тег IMG, который имеет один обязательный параметр SRC, который указывает на URL–файла с изображением. Самый простой пример встраивания изображения:

<IMG SRC= «picture.gif» >.

Для доступа к удалённым файлам, которые есть на серверах в сети Internet, адрес записывают со значением названия протокола доступа http и адреса файла. Например:

<IMG SRC= «http://www.lac.lviv.ua/pic.gif»>.

Тег <IMG> может иметь ряд других параметров. Важнейшими являются следующие.

HEIGHT и WIDTH – определяют соответственно ширину и высоту изображения; (значения параметров можно задавать как в пикселях, так и в процентах от размеров окна просмотра).Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется.

HSPACE и VSPACE - определяют отступление картинки (в пикселях) по горизонтали и вертикали от других объектов документа (используются при обтекании изображения текстом).

ALIGN - указывает способ выравнивания изображения в документе.

NAME - определяет имя изображения, уникальное для данного документа.

ALT - определяет текст с описанием изображения, отображаемого браузером на месте изображения, если браузер не может найти файл с изображением или, если отключено графический режим.

BORDER - определяет ширину рамки вокруг изображения (в пикселях). По умолчанию рамка вокруг изображения не отображается. Исключением является случай, если изображение является гипертекстовой ссылке. В таких случаях значение BORDER обычно указывают нулю.

Для описания фонового изображения используется параметр BACKGROUND тэга BODY, значением которого является имя файла, в котором содержится фоновое изображение. Например:

<BODY BACKGROUND = «picture.gif»>.

К моменту загрузки изображения и отображения фонового изображения цвет фона определяется значением параметра BGCOLOR.

Чтобы задать цвета ссылок, необходимо включить в тег <BODY> соответствующий параметр (LINK, ALINK, VLINK). Цвет задаётся шестизначным числом в шестнадцатеричном формате по схеме RGB (Red, Green, Blue). Например: <BODY BGCOLOR = «# 000000» TEXT = «# FFFFFF» LINK = «# 9690CC»>. Данная строка определяет белый цвет фона документа, чёрный текст и серебристые ссылки [5, с. 736].

2.3 Добавление стилей в документ

HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в ваших документах. Вот короткий список стилей, поддерживаемых большинством браузеров:

bold (жирный)

italic (наклонный)

mono spaced (type writer - с использованием фиксированных шрифтов)

Я могу комбинировать различные виды стилей, например жирный и наклонный.

Таблица 2.1

Основные стили текста

Стиль	Элемент или тэг	Результат
Bold	<B> Этот текст жирный </B>	Этот текст жирный
Italic	<I> Этот текст наклонный </I>	Этот текст наклонный
Mono spaced	<TT> Этот текст с непроп. шрифтом </TT>	Этот текст с непроп. шрифтом