Гиперссылки



Предыдущая | Следующая

Гиперссылки
Ранее говорилось, что Web-сайт — это набор Web-страниц, связанных друг с другом. Но вот как эти самые страницы связываются, сказано не было. Пора прояснить данный вопрос.
Для этого используются гиперссылки — особые связи, ведущие от одной Web-страницы к другой. Они имеют вид фрагментов текста, выделенных особым образом (как правило, цветом и подчеркиванием). Если по такой гиперссылке щелкнуть мышью, Web-обозреватель загрузит другую страницу, интернет-адрес которой указан в параметрах гиперссылки.
Гиперссылки создаются с помощью особого парного тега <а> и имеют следующий вид:
<А HREF="pagel25.html">CTpaHHua N125</A>
Видно, что интернет-адрес страницы, на которую должна вести гиперссылка, задается с помощью атрибута href. В данном случае гиперссьглка ведет на страницу pagel25.html, находящуюся в той же папке, что и текущая (открытая в данный момент в Web-обозревателе).
Если нужно получить доступ к странице, находящейся в другой папке, код гиперссылки будет таким:
<А HREF="/folder1/раде12б.html">Страница N126</A>
Если же нужная страница находится вообще на другом сайте, то интернет-адрес должен включать его доменное имя (или IP-адрес):
<А HREF=Mhttp://www.othersite.ru/folderl/page3.html">Страница N3</A>
А теперь давайте поэкспериментируем с гиперссылками на практике. Добавим в HTML-код страницы, сохраненной в файле 2.2.html, строку, выделенную полужирным шрифтом:
<Н1>Пример й\1еЬ-страницы</Н1>
<Р>Это простейшая Web-страничка, созданная в стандартном <ЕМ>Блокноте</ЕМ> и отображенная в <EMxSTRONG>Microsoft</STRONG> Internet Explorer</EM>.</P> <Р><А НКЕР="2.4.Ылп1">Сведения об авторе</А></Р>
Сохраним новую страницу в другом файле с именем 2.3.html-. Теперь создадим страницу 2.4.html. Ее HTML-код очень прост:
<Н1>Сведения об авторе</Н1> <Р>Это моя проба силы!</Р>
Теперь откроем в Web-обозревателе файл 2.3.html и щелкнем по гиперссылке Сведения об авторе. В окне Web-обозревателя появится страница со сведениями об авторе, сохраненная в файле 2.4.html.
А теперь сделаем небольшой фокус. Изменим HTML-код гиперссылки в коде страницы 2.3.html таким образом (изменения выделены полужирным шрифтом):
<Р><А HREF="2.4.html" ТАКОЕТ="_Ыапк">Сведения об авторе</А></Р>

Мы поместили в тег <а> необязательный атрибут target, задающий цель гиперссылки. Цель задает, куда будет выведена Web-страница, на которую
она указывает. Если этому атрибуту присвоено значение joiank, страница будет выведена в отдельное окно Web-обозревателя. Чтобы задать обычное поведение гиперссылки (новая страница выводится в то же окно), достаточно присвоить атрибуту target значение по умолчанию _self или вообще убрать этот атрибут из кода гиперссылки.
Если теперь сохранить исправленную Web-страницу 2.3.html, повторно открыть ее в Web-обозревателе и щелкнуть по гиперссылке Сведения об авторе, Web-обозреватель откроет новое окно и загрузит в него страницу 2.4.html. Оба этих окна показаны на рис. 2.6.
Мы еще вернемся к гиперссылкам в дальнейшем, когда приступим к созданию собственного сайта. А пока давайте выясним кое-что о правилах, согласно которым должны оформляться Web-страницы.

 

Содержание Книга по php и mysql