Связь между веб-страницами

Начнём эту главу с определения, которое уже встречалось нам в самом начале этой книги. Гипертекст - это текст, который содержит ссылки и позволяет осуществлять переходы как внутри себя, так и на другие ресурсы, веб-страницы или сервера. Происходят данные переходы чаще всего с помощью нажатия левой кнопкой мыши на какую-либо ссылку, которая в тексте, обычно, неким способом выделена.

В html ссылки задаются с помощью тега выделенный фрагмент текста. Если вместо надписи "адрес, на который будет осуществляться переход" написать "examples/second.html", получим запись вида: выделенный фрагмент текста, которая будет работать следующим образом: выделенный фрагмент текста. Это и есть гиперссылка (ссылка).

Если в в ссылку, расположенную выше, добавить атрибут target="blank", который отобразится так: выделенный фрагмент текста, то ссылка откроется в новой вкладке, например: выделенный фрагмент текста. Помимо имени окна (name) "blank", атрибут "target" может содержать следующие имена окон:

self. Открывает ссылку в том же окне, задаётся по умолчанию;
parent. Открывает веб-страницу в родительском фрейме, если такового не имеется, то работает как self;
top. Отменяет все фреймы и загружает веб-страницу в полном окне браузера, если фреймов нет, работает как self.

Важно: Если в адресе перехода не указан каталог (папка) или сервер, на который должен производиться переход, то переход будет осуществлён внутри текущего каталога (папки) или сервера. Как мы видим файл second.html находится в папке examples, поэтому полный путь к файлу прописывается как examples/second.html

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

alink. Используется для указания цвета активных ссылок (по умолчанию красный), пример: ;
link. Используется для указания цвета ещё не нажатых ссылок (по умолчанию голубой), пример ;
vlink. Используется для указания цвета нажатых ссылок (по умолчанию,вроде, фиолетовый), пример .

Ссылки можно делать не только на веб-страницы, но и на различные файлы, главное указывать их расширение, например если написать трек, то браузер перейдёт к музыкальному треку с названием song.mp3 (если таковой имеется в вашем каталоге). Также с помощью ссылок, можно сделать так, чтобы пользователи вашего сайта могди написать вам письмо. Для этого надо сделать ссылку вида: Напишите мне и получится следующего вида ссылка: , только в ней указан мой электронный адрес (если хотите, можете мне что-нибудь написать, если нет, значит нет).

Помимо простого перехода к веб-странице можно также перейти к заранее указанному месту на странице. Делается это с помощью, так называемых, анкеров или якорей (опорных точек на веб-странице). Например с веб-страницы 1.html нужно перейти к фразе: "доброе утро", которая расположена на странице 2.html. Для этого на странице 2.html необходимо сделать анкер доброе утро. Затем в файле 1.html следует определить переход на этот анкер переход к анкеру "доброе утро (ABC)". Вот и всё. Также переходы к анкерам можно осуществлять внутри самой веб страницы. Например, отметим слово "Гипертекст" в начале этой главы анкером "A". Как видно, это слово в тексте никак не выделяется. Далее делаем ссылку вида: переход к анкеру "Гипертекст (A)". Вот и сама ссылка в действии переход к анкеру "Гипертекст (A)". Анкера удобно использовать для массивных веб-страниц, например одна большая веб-страница, а сбоку или наверху содержание с главами, нажав на которые браузер перескакивает на нужные фрагменты текста. Также многие браузеры отличают большие буквы от маленьких и, если назвать анкер "FED" и указать в ссылке на анкер слово "fed" или "Fed", то браузер просто не найдёт анкер "FED" в тексте.

| следующая>>

Самоучитель по html

Содержание

Связь между веб-страницами