Вот мы, наконец, и подошли к предмету, который собственно и делает обыкновенный текст гипертекстом. Ссылки, гиперссылки или links, как Вам больше нравится.
Без ссылок трудно, наверное, даже представить себе работу в интернете. И уж конечно, она не была бы без них такой увлекательной. Впрочем, что я Вам буду объяснять, если Вы сами, наверняка,
кликаете по этим самым ссылкам и баннерам (которые тоже являются ссылками) каждый день (ну, может не каждый, но часто). Лучше сразу перейдем к рассмотрению вопроса об организации ссылок на
странице.
В гипертексте ссылки можно делать
на конкретное место в просматриваемом документе. Удобно использовать, например, в больших документах в оглавлении для быстрого перехода к нужной главе.
на другую страницу Вашего сайта. Примеры Вы можете найти на каждом сайте в виде меню. Сюда же можно включить ссылки на изображения, звуковые и прочие файлы мультимедиа, находящиеся на
Вашем сайте.
на конкретное место в других страницах Вашего сайта.
на другие WEB-страницы и сайты.
на адрес электронной почты.
на прочие ресурсы интернета: TelNet, WAIS, Gofer, FTP, Newsgroup.
В этой статье мы рассмотрим употребление единственного тега-контейнера <A>...</A>. Рассмотрение остальных тегов, относящихся к этой теме не актуально, поскольку
они или малоупотребляемы, или поддерживаются не всеми браузерами. Тег <A>...</A> имеет два параметра: HREF="" и NAME=. Первый из них должен иметь в качестве значения адрес,
по которому находится ресурс, на который Вы ссылаетесь. Второй употребляется для обозначения места в документе, на которое Вы хотите поставить ссылку. Естественно, что в одном теге оба
параметра употребляться не могут, т.к. служат для обозначения разных действий. Еще один параметр, который может употребляться совместно с параметром HREF="", параметр TARGET="" указывает,
как открывать документ, на который ссылаемся.
Рассмотрим примеры.
Ссылка на конкретное место в текущем документе. Для ее организации необходимы два шага. Первый: ставим в месте, на которое хотим сослаться тег <A>...</A> с параметром NAME=. В качестве
значения этого параметра можно использовать любую надпись, например link1. В данном случае, для наглядности, мы сошлемся на заголовок этой статьи. Заголовок уже поставлен внутри тега, имеющего
вид <A NAME=link1>ВСТАВКА...</A>. В переводе на русский, это называется "поставить якорь". Шаг второй: ставим ссылку на заголовок, т.е. вставляем тег вида <A href="#link1">
...</A>. Вместо точек ставим слова, которые будут являться указателем ссылки. Браузер будет выделять эти слова из остального текста. Способ выделения зависит от личных настроек пользователя
и от установок, данных Вами в теге BODY. Пробуем: "Чтобы перейти к заголовку этой статьи, щелкните мышкой здесь". Щелкаем на слове "здесь". Для того, чтобы переход был нагляднее,
можете уменьшить окно браузера. Обращаю Ваше внимание, что во втором теге к слову link1 прибавился значок #. Работает? Хорошо, пошли дальше.
Ссылка на другую страницу Вашего сайта. Это проще. Здесь используется только один тег <A>...</A> с параметром HREF="" т.к. нет необходимости обозначать место, на которое ссылаемся.
Файл, содержащий страницу или рисунок которые мы хотим показать, уже имеет имя и нам достаточно указать в качестве значения HREF="" путь к этому файлу и его имя. Например, для перехода
к статье о форматировании текстов, файл которой находится в том же каталоге (папке, директории, кому как привычнее), что и файл этой статьи, и называется text.html, необходимо вставить тег
<A HREF="text.html">статья о форматировании текста</A>.Браузер покажет ссылку так: статья о форматировании текста. Щелкнув по ней, Вы можете убедиться,
что она работает. (не забудьте потом нажать кнопку браузера "назад" :-) Если файл, на который Вы ссылаетесь, находится в другой директории, необходимо указать путь к этому файлу. Например:
<A HREF="img/oz2.jpg"> здесь Вы можете полюбоваться прекрасным лесным озером </A>. В данном случае файл oz2.jpg лежит в папке img. Не забывайте, что при
указании путей в ссылках необходимо использовать прямой слеш.
Для тех, кто работает с редактором SNK: для того, чтобы вставить ссылку на файл, принадлежащий к рабочему проекту, достаточно кликнуть правой кнопкой по его названию в левом
окошке и выбрать "создать ссылку".
Ссылка на конкретное место в других страницах Вашего сайта. Состоит из первых двух, т.е. в параметре HREF="" указывается файл, в котором уже должен быть поставлен якорь, и название этого якоря.
Например, в статье "знакомство с HTML" я Вам советовал скачать спецификацию HTML. Там (т.е. в статье "знакомство...) поставлен якорь с именем В и теперь для того, чтобы
сослаться на этот совет, мне достаточно поставить тег <A HREF="lang.html#B">советовал</A>. В чем Вы можете убедиться, кликнув по ссылке.
Ссылка на другие WEB-страницы и сайты. Ну, это совсем просто. Задаете в качестве значения параметра HREF URL-адрес ресурса (т.е. адрес, который Вы набираете в окне адресов браузера, когда хотите
открыть какую-нибудь интернет-страницу), помещаете внутрь тега указатель ссылки, и - готово! Например, Вы можете посмотреть мой сайт, который является по содержанию копией этого, но выполнен без фреймов
и с помощью SSI (об SSI позднее) здесь. Для того, чтобы организовать данную ссылку, я поставил такой код: <A HREF="http://www.ronets.hut.ru">здесь.</A>.
Кстати, указателем ссылки могут быть не только текст, но и изображения. Впрочем, всем Вам это знакомо
(я имею в виду использование изображений в качестве указателя ссылки). Да, это те самые, всем так надоевшие баннеры! Но баннеры - не единственный, к счастью, пример употребления изображений в качестве
указателя ссылки. Например, для того, чтобы показать Вам то самое озеро, я могу использовать такого вида указатель: . Для этого в тег А нужно вставить рисунок. Как это сделать, говорилось в предыдущей статье ВСТАВКА РИСУНКОВ
НА СТРАНИЦУ. В данном случае я это сделал при помощи такого куска кода: <A HREF="img/oz2.jpg"><IMG SRC="img/oz2.jpg" ALT="Здесь Вы можете полюбоваться прекрасным утренним озером." WIDTH="40"
HEIGHT="30" BORDER="2"></A>. Здесь, вроде бы, все должно быть понятно. Если что-то слишком мудрено изложено, напишите мне, я объясню и, кроме того, помещу ответ
на страницу ЧаВо.
Ссылка на адрес электронной почты. Как Вы можете видеть, в предыдущей фразе "Вы можете написать мне" слово "мне" выделено как ссылка и при наведении на него указателя мышки
в подвале браузера появляется адрес моей электронной почты (у тех, у кого эта функция включена). В ссылке на эл.почту параметр HREF имеет значение "mailto:адрес эл.почты". Т.е. в данном случае код
выглядит так: <A HREF="mailto:svoisait@narod.ru">мне</A>.
Ссылка на прочие ресурсы интернета: TelNet, WAIS, Gofer, FTP, Newsgroup.
Здесь я приведу только значения параметра HREF для каждого случая:
telnet://имя сайта
wais://имя сайта
gopher://имя сайта
ftp://имя сайта
news:имя группы новостей
Вот собственно и все о ссылках. Да, вот собственно и почти все о создании своей странички на своем компьютере. В первом приближении, конечно. Есть еще списки, скрипты, фреймы, и еще много чего.
Но, если Вы научились пользоваться тем, о чем я рассказал, Вам вполне по силам сделать приличную вещь. По приходящим письмам я вижу, что многие уже сделали первый шаг, т.е. создали страничку на своей машине и
теперь им не терпится выложить ее в инет... А кое-кто уже и это сделал. Не хочу Вас пугать, но скоро Вы поймете, что это только начало. Ну что же, жизнь продолжается! В следующих статьях будем разбираться,
что же делать с тем, что мы натворили...