<? include 'head.php' ?>
<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>&lt;A HREF="<I>URL</I>"&gt;</B> 
текст-который-будет-подсвечен-как-ссылка <B>&lt;/A&gt;</B></TT> </P>
<P>Тэг <B><TT>&lt;A HREF="<I>URL</I>"&gt;</TT></B>открывает описание 
ссылки, а тэг <TT>&lt;/A&gt;</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>&lt;A NAME="named_anchor"&gt; 
Текст-который-отобразится-в-первой-строке-броузера &lt;/A&gt;</TT> 
</P>
<P><B>2.</B> Создайте ссылку на данный маркер: </P>
<P><TT>&lt;A HREF="#named_anchor"&gt; Текст &lt;/A&gt;</TT> </P>
<P>Например: </P>
<P><TT>&lt;p&gt;&lt;b&gt;Список разделов&lt;/b&gt;&lt;/p&gt; 
<BR>&lt;ul&gt; &lt;li&gt;&lt;a href="#ex1"&gt;Раздел 
1&lt;/a&gt;&lt;/li&gt; <BR>&lt;li&gt;&lt;a href="#ex2"&gt;Раздел 
2&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; <BR>&lt;p&gt;&lt;a 
name="ex1"&gt;&lt;/a&gt;Раздел 1&lt;/p&gt; <BR>&lt;ul&gt; 
&lt;p&gt;Текст раздела 1&lt;/p&gt; &lt;/ul&gt; <BR>&lt;p&gt;&lt;a 
name="ex2"&gt;&lt;/a&gt;Раздел 2&lt;/p&gt; <BR>&lt;ul&gt; 
&lt;p&gt;Текст раздела 2 &lt;br&gt;&lt;/p&gt; </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>
<? include 'foot.php' ?>