Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

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

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

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

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

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

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

Ссылки можно делать не только на веб-страницы, но и на различные файлы, главное указывать их расширение, например если написать <A HREF="song.mp3">трек</A>, то браузер перейдёт к музыкальному треку с названием song.mp3 (если таковой имеется в вашем каталоге). Также с помощью ссылок, можно сделать так, чтобы пользователи вашего сайта могди написать вам письмо. Для этого надо сделать ссылку вида: <A HREF="mailto:myemailadress@mail.ru">Напишите мне</A> и получится следующего вида ссылка: напишите мне, только в ней указан мой электронный адрес (если хотите, можете мне что-нибудь написать, если нет, значит нет).

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


<<Предыдущая | Оглавление | Следующая>>