Гиперссылки
Не только и не столько Web-страницы прославили Интернет. Свою роль внесло еще одно замечательное изобретение, буквально связавшее разрозненные документы в настоящую паутину. Она так и называется — Всемирная паутина, а по-английски — World Wide Web или WWW. (Вы уже встречали это название в наименовании World Wide Web Consortium — организации, ответственной за стандартизацию Интернета.) Благодаря этому изобретению вы можете с легкостью перемещаться по страницам, ведь любой уголок Всемирной сети находится от вас на расстоянии щелчка мыши.
Это гиперссылки — особые связи, ведущие от одной Web-страницы к другой. Именно по ним вы щелкаете мышью, если хотите перейти на другую страницу.
Гиперссылки создаются с помощью особого парного тега <а> и имеют следующий вид:
<А HREF="Http://www. somesite. ru/pages/page125.html">Страница N125</A>
Как видите, тег <а> содержит атрибут href, который задает интернет-адрес страницы, на которую будет выполнен переход при щелчке по гиперссылке. Этот атрибут обязательно должен присутствовать в любом теге <а>, задающем гиперссылку — это обязательный атрибут. (Как выяснится далее, тег <а> может задавать не только гиперссылки.)
Интернет-адрес нужной Web-страницы вам нужно выяснять самим. Сделать это не так уж и сложно. Обычно он состоит из интернет-адреса Web-сайта, на котором находится нужная страница, и полного пути доступа к файлу этой страницы. В нашем случае, Http://www. somesite. com — это адрес сайта, a /pages/раде 125. htm — путь доступа к файлу страницы.
Если нужно получить доступ к странице, находящейся на том же сайте, что и текущая, вы можете опустить адрес сайта. В этом случае код гиперссылки будет таким:
<А HREF="/pages/раде125.html">Страница N125</A>
Если же нужная страница находится еще и в той же папке, что текущая, можно вообще оставить только имя файла:
<А HREF="page125.html">Страница N125</A>
А теперь давайте создадим две простейшие Web-странички и свяжем их гиперссылкой. В качестве первой страницы мы возьмем уже написанную нами ранее и сохраненную в файле L2.htm (см. рис. 1.2). Только добавим внизу следующий код:
<РХА HREF="1. 4 . Ы;т">Сведения об авторе</Ах/Р>
Сохраните новую страницу в файле L3.htm.
Код второй страницы приведен ниже. Я уверен, что вы в нем разберетесь.
<HTML>
<HEAD>
<Т1ТЬЕ>Сведения об авторе</Т1ТЬЕ>
</HEAD>
<BODY>
<Р>Эту страничку написал я. И я очень горд этим!</Р>
</BODY>
</HTML>
Сохраните ее в файле L4.htm.
Теперь откройте в Web-обозревателе файл L3.htm и щелкните по гиперссылке "Сведения об авторе". В окне Web-обозревателя появится страница со сведениями об авторе, сохраненная в файле L4.htm.
А теперь сделаем небольшой фокус. Измените код гиперссылки, помещенный в HTML-код первой страницы, таким образом (изменения выделены полужирным шрифтом):
<РХА HREF="1. 4 . htm" ТАК(ЗЕТ="_Ыапк">Сведения об авторе</Ах/Р>
Мы поместили в тег <А> атрибут TARGET, задающий цель гиперссылки. Цель гиперссылки задает, куда будет выведена Web-страница, на которую она указывает. Если этому атрибуту присвоено значение _Ыапк, страница будет выведена в отдельное окно Web-обозревателя. Чтобы задать обычное поведение гиперссылки (новая страница выводится в то же окно), присвойте атрибуту target значение ____ self или вообще уберите его из кода гипер
Ссылки.
В отличие от атрибута href тега <а>, атрибут target не является обязательным. Он так и называется — необязательный атрибут.
Сохраните измененную Web-страницу и повторно откройте ее в Web - обозревателе, после чего щелкните по гиперссылке. На экране появится новое окно ¥еЬ-обозревателя, в котором вы увидите страницу со сведениями об авторе. Вы можете увидеть оба этих окна на рис. 1.3.
I 3 Web-страница - Microsoft Internet Explo |
||
Файл Правка Вид Избранное Сервис Справка |
If |
|
Io " О ^ 3 Й I Р Й €» | В а|-г |
Адрес: |
|
Пример Web-страницы Это простейшая Web-страничка, созданная в стандартном Блокноте и отображенная б Microsoft Internet Explorer Сведения об авторе |
3 J |
|
■ Мой компьютер |
||
I ■'З Сведения об авторе - Microsoft Internet Енріогег ^|il Q |
||
Файл Правка Вид Избранное Сервис Справка |
Ф |
|
Адрес: |
||
Зту страничку написал я. И я очень горд этим! |
3 J |
|
Готово £ Мой компьютер |
Рис. 1.3. Два окна Web-обозревателя, в которых загружены разные Web-страницы |
Чтобы лучше узнать человека, нужно познакомиться с ним поближе. Так и с гиперссылками. В дальнейшем мы поговорим о них подробнее. А пока — закончим!