Файл: work/html_teach/08.php
Строк: 69
<?
require '../../config.php';
$title = 'Учебник HTML';
include '../../style/head.php';
aut();
who_add(0, 'servise');
?><html><head>
<title> HTML учебник / Гипертекстовые ссылки </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="HTML учебник Гипертекстовые ссылки ">
<meta name="description" content="HTML учебник: Гипертекстовые ссылки ">
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" text="#333333" link="#333333" vlink="#333333" bgcolor="#f0f7ef">
<table width="80%" align="center"><tr><td>
<!--заголовок--><table width="100%" cellpadding=1 cellspacing=0 border=0 bgcolor=#647062><tr><td><table width="100%" cellpadding=3 cellspacing=0 border=0 bgcolor=#ffffff><tr><td class=r align=middle><A href="index.php">Содержание</a> / Гипертекстовые ссылки</td></tr></table></td></tr></table><!--//-->
<h2>Гипертекстовые ссылки</h2>
<P><b>Гипертекстовые ссылки</b> являются ключевым компонентом, делающим WEB
привлекательным для пользователей. Добавляя гипертекстовые ссылки
(далее - ссылки), вы делаете набор документов связанным и
структурированным, что позволяет пользователю получать необходимую
ему информацию максимально быстро и удобно. </P>
<P>Ссылки имеют стандартный формат, что позволяет броузеру
интерпретировать их и выполнять необходимые функции (вызывать
методы) в зависимости от типа ссылки. Ссылки могут указывать на
другой документ, специальное место данного документа или выполнять
другие функции, например запрашивать файл по FTP-протоколу для
отображения его броузером. URL может указывать на специальное место
по абсолютному пути доступа, или указывать на документ в текущем
пути доступа, что часто используется при организации больших
структурированных WEB-сайтов.
<UL>
<P><B>Внимание! </B>Вы можете использовать ссылки как для
перемещения по документу, так и для перемещения от одного
документа к другому. Однако, HTML не поддерживает возврат на
предыдущую ссылку, если перемещение происходило внутри документа.
Если вы используете ссылки внутри документа, а затем нажимаете на
клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь
на ту часть документа, которую вы просматривали до этого. </P></UL>
<hr align="left" width="50%" size="1" noshade>
<P><b>URL </b></P>
<P>HTML использует URL (Uniform Resource Locator) для представления
гипертекстовых ссылок и ссылок на сетевые сервисы внутри
HTML-документа. Первая часть URL (до двоеточия) описывает метод
доступа или сетевой сервис. Другая часть URL (после двоеточия)
интерпретируется в зависимости от метода доступа. Обычно, два прямых
слэша после двоеточия обозначают имя машины: </P>
<P><TT><B><FONT color=#ff0080>method</FONT></B>://<B><FONT
color=#008000>machine-name</FONT></B>/path/foo.php</TT> </P>
<P>Следующий пример представляет собой вызов HTML-документа
<TT>index.php</TT> с сервера <TT>www.softexpress.com</TT> с
использованием HTTP протокола: </P>
<P><TT>http://www.softexpress.com/index.php</TT> </P>
<P>Uniform Resource Locator имеет следующий формат: </P>
<P><FONT size=1><B><FONT color=#0080c0>method</FONT>://<FONT
color=#ff0080>servername</FONT>:<FONT
color=#ff8040>port</FONT>/<FONT color=#008000>pathname</FONT>#<FONT
color=#0000ff>anchor</FONT></B></FONT></P>
<P>Опишем каждый из компонентов URL: </P>
<P><B>METHOD</B>
<UL>
<P>Имя операции, которая будет выполняться при интерпретации
данного URL. Наиболее часто используемые методы: </P>
<P><B>file:</B>
<UL>
<P>чтение файла с локального диска. Имя файла интерпретируется
для локальной машины пользователя. Данный метод используется для
отображения какого-либо файла, находящегося на машине
пользователя. Например: <BR><TT>file:/home/alex/index.php </TT>-
отобажает файл <TT>index.php</TT> из каталога
<TT>/home/alex</TT> на пользовательской машине </P></UL>
<P><B>http:</B>
<UL>
<P>доступ к WEB-странице в сети с использованием HTTP-протокола.
(Это наиболее часто используемый метод доступа к какому-либо
HTML-документу в сети). Например:
<BR><TT>http://www.softexpress.com/ </TT>- доступ к
Home-странице компании SoftExpress </P></UL>
<P><B>ftp:</B>
<UL>
<P>запрос файла с анонимного FTP-сервера. Например:
<BR><TT>ftp://hostname/directory/filename</TT> </P></UL>
<P><B>mailto:</B>
<UL>
<P>активизирует почтовую сессию с указанным пользователем и
хостом. Например: <BR><TT>mailto:info@softexpress.com</TT> -
активизирует сессию посылки сообщения пользователю <TT>info</TT>
на машине softexpress.com, если броузер поддерживает запуск
электронной почты. Заметьте, что метод <TT>mailto:</TT> не
требует указание слэшей после двоеточия (как правило, после
двоеточия сразу идет электронный адрес абонента) </P></UL>
<P><B>telnet:</B>
<UL>
<P>обращение к службе telnet </P></UL>
<P><B>news:</B>
<UL>
<P>вызов службы новостей, если броузер ее поддерживает.
Например: <BR><TT>news:relcom.www.support</TT> </P></UL></UL>
<P><B>SERVERNAME </B>
<UL>
<P>Необязательный параметр, описывающий полное сетевое имя машины.
Например: </P>
<P><TT>www.softexpress.com</TT> - полное сетевое имя сервера фирмы
СофтСервис. </P>
<P>Если имя сервера не указано, то ссылка считается локальной, и
полный путь, указанный далее в URL вычисляется на той машине, с
которой взят HTML-документ, содержащий данную ссылку. Вместо
символьного имени машины может быть использован IP-адрес, однако
это не рекомендуется из-за возможного пересечения с фиксированными
локальными адресами внутренней сети. </P></UL>
<P><B>PORT</B>
<UL>
<P>Номер порта TCP на котором функционирует WEB-сервер. Если порт
не указан, то "по умолчанию" используется порт 80. Данный параметр
(port) не используется в подавляющем большинстве URL. </P></UL>
<P><B>PATHNAME</B>
<UL>
<P>Частичный или полный путь к документу, который должен вызваться
в результате интерпретации URL. Различные WEB-сервера
сконфигурированы по разному для интерпретации пути доступа к
документу. Например, при использовании CGI скриптов (исполняемых
программ), они обычно собираются в одном или нескольких выделенных
каталогах, путь к которым записан в специальных параметрах
WEB-сервера. Для данных каталогов WEB-сервером выделяется
специальный логический путь, который и используется в URL. Если
WEB-сервер видит данный путь, то запрашиваемый файл
интерпретируется как исполняемый модуль. В противном случае,
запрашиваемый файл интерпретируется просто как файл данных, даже
если он является исполняемым модулем. Например: </P>
<P><TT>http://www.softexpress.com/cgi-win/handle.exe</TT> </P>
<P>В данном примере HTTP-сервер должен вызвать CGI-скрипт с именем
<TT>handle.exe</TT>, который находится на машине с сетевым именем
<TT>www.softexpress.com</TT>. Путь к данному скрипту -
<TT>/cgi-win/</TT> - в действительности является виртуальным путем
(выделенным сервером для исполняемых модулей). Заметьте, что при
описании пути используется UNIX-подобный синтаксис, где, в отличии
от DOS и Windows используются прямые слэши вместо обратных. Если
после сетевого имени машины сразу идет имя документа, то он должен
находиться в корневом каталоге на удаленной машине или (что чаще)
в каталоге, выделенном WEB-сервером в качестве корневого. Если же
URL закагчивается сетевым именем машины, то в качестве документа
запрашивается документ из корневого каталога удаленной машины с
именем, установленным в настройках WEB-сервера (как правило, это
<TT>index.php</TT>). </P></UL>
<P><B>#ANCHOR</B>
<UL>
<P>Данный элемент является ссылкой на строку (точку) внутри
HTML-документа. Большинство броузеров, встречая после имени
документа данный элемент, размещают документ на экране таким
образом, что указанная строка документа помещается в верхнюю
строку рабочего окна броузера. Точки, на которые ссылается
#anchor, указываются в документе при помощи тэга NAME, как это
будет описано далее. </P></UL>
<hr align="left" width="50%" size="1" noshade>
<P><b>Структура ссылок в HTML-документе</b> </P>
<P>Пока что мы рассмотрели только внешний вид URL. Для того, чтобы
броузер отобразил ссылку на URL, необходимо отчетить URL
специальными тэгами в HTML-документе. Синтаксис HTML, позволяющий
жто сделать - следующий: </P>
<P><TT><B><A HREF="<I>URL</I>"></B>
текст-который-будет-подсвечен-как-ссылка <B></A></B></TT> </P>
<P>Тэг <B><TT><A HREF="<I>URL</I>"></TT></B>открывает описание
ссылки, а тэг <TT></A></TT> - закрывает его. Любой текст,
находящийся между данными двумя тэгами подсвечивается специальным
образом Web-броузером. Обычно этот текст отображается подчеркнутым и
выделенным синим (или другим заданным пользователем) цветом. Текст,
обозначающий URL, не отображается броузером, а используется только
для выполнения предписанных им действий при активизации ссылки
(обычно при щелчке мыши на подсвеченном или подчеркнутом тексте). </P>
<hr align="left" width="50%" size="1" noshade>
<P><b>Ссылки на точки внутри документа</b> </P>
<P>Вы можете делать ссылки на различные участки или разделы одного и
того же документа, используя специальных скрытый маркер для этих
разделов. Это позволяет быстро переходить от раздела к разделу
внутри документа, не используя скроллирование экрана. Как только вы
щелкнете на ссылке, броузер переместит вас на указанный раздел
документа, а строка, в которой стоит маркер данного раздела (обычно,
первая строка раздела или заголовок раздела) будет ращзмещена на
первой строке окна броузера (если данная строка не присутствует уже
на экране броузера). </P>
<P>Для создания такой ссылки необходимо выполнить следующие шаги:
</P>
<P><B>1.</B> Создайте маркер раздела. Синтаксис данного маркера
следующий: </P>
<P><TT><A NAME="named_anchor">
Текст-который-отобразится-в-первой-строке-броузера </A></TT>
</P>
<P><B>2.</B> Создайте ссылку на данный маркер: </P>
<P><TT><A HREF="#named_anchor"> Текст </A></TT> </P>
<P>Например: </P>
<P><TT><p><b>Список разделов</b></p>
<BR><ul> <li><a href="#ex1">Раздел
1</a></li> <BR><li><a href="#ex2">Раздел
2</a></li> </ul> <BR><p><a
name="ex1"></a>Раздел 1</p> <BR><ul>
<p>Текст раздела 1</p> </ul> <BR><p><a
name="ex2"></a>Раздел 2</p> <BR><ul>
<p>Текст раздела 2 <br></p> </TT></P><B>
<P>Список разделов</B>
<UL>
<LI>Раздел 1
<LI>Раздел 2 </LI></UL>
<P><A name=ex1></A>Раздел 1
<UL>
<P>Текст раздела 1 </P></UL>
<P><A name=ex2></A>Раздел 2
<UL>
<P>Текст раздела 2 </P></UL>
<P>Символы "#ex1" сообщает вашему броузеру, что необходимо найти в
данном HTML-документе маркер с именем "ex1". </P>
<P>Когда пользователь щелкнет мышью на строке "Раздел 1", броузер
перейдет сразу к разделу 1.
<UL>
<P><B>Внимание! </B>Как ранее было показано в синтаксисе URL,
маркер раздела может быть поставлен как в том же документе,
который просматривается в текущий момент, так и в другом
документе. Во втором случае броузер осуществит подгрузку другого
документа и перейдет к указанному для него разделу. </P></UL>
</td></tr></table>
</body></html>
<?php echo '« <a href="/work/?">В Раздел</a>';
include '../../style/foot.php'; ?>