ВСТАВКА ГИПЕРССЫЛОК В WEB-СТРАНИЦЫ.

   Вот мы, наконец, и подошли к предмету, который собственно и делает обыкновенный текст гипертекстом. Ссылки, гиперссылки или links, как Вам больше нравится. Без ссылок трудно, наверное, даже представить себе работу в интернете. И уж конечно, она не была бы без них такой увлекательной. Впрочем, что я Вам буду объяснять, если Вы сами, наверняка, кликаете по этим самым ссылкам и баннерам (которые тоже являются ссылками) каждый день (ну, может не каждый, но часто). Лучше сразу перейдем к рассмотрению вопроса об организации ссылок на странице.
   В гипертексте ссылки можно делать    В этой статье мы рассмотрим употребление единственного тега-контейнера <A>...</A>. Рассмотрение остальных тегов, относящихся к этой теме не актуально, поскольку они или малоупотребляемы, или поддерживаются не всеми браузерами. Тег <A>...</A> имеет два параметра: HREF="" и NAME=. Первый из них должен иметь в качестве значения адрес, по которому находится ресурс, на который Вы ссылаетесь. Второй употребляется для обозначения места в документе, на которое Вы хотите поставить ссылку. Естественно, что в одном теге оба параметра употребляться не могут, т.к. служат для обозначения разных действий. Еще один параметр, который может употребляться совместно с параметром HREF="", параметр TARGET="" указывает, как открывать документ, на который ссылаемся.
   Рассмотрим примеры.
  1. Ссылка на конкретное место в текущем документе. Для ее организации необходимы два шага. Первый: ставим в месте, на которое хотим сослаться тег <A>...</A> с параметром NAME=. В качестве значения этого параметра можно использовать любую надпись, например link1. В данном случае, для наглядности, мы сошлемся на заголовок этой статьи. Заголовок уже поставлен внутри тега, имеющего вид <A NAME=link1>ВСТАВКА...</A>. В переводе на русский, это называется "поставить якорь". Шаг второй: ставим ссылку на заголовок, т.е. вставляем тег вида <A href="#link1"> ...</A>. Вместо точек ставим слова, которые будут являться указателем ссылки. Браузер будет выделять эти слова из остального текста. Способ выделения зависит от личных настроек пользователя и от установок, данных Вами в теге BODY. Пробуем: "Чтобы перейти к заголовку этой статьи, щелкните мышкой здесь". Щелкаем на слове "здесь". Для того, чтобы переход был нагляднее, можете уменьшить окно браузера. Обращаю Ваше внимание, что во втором теге к слову link1 прибавился значок #. Работает? Хорошо, пошли дальше.
  2. Ссылка на другую страницу Вашего сайта. Это проще. Здесь используется только один тег <A>...</A> с параметром HREF="" т.к. нет необходимости обозначать место, на которое ссылаемся. Файл, содержащий страницу или рисунок которые мы хотим показать, уже имеет имя и нам достаточно указать в качестве значения HREF="" путь к этому файлу и его имя. Например, для перехода к статье о форматировании текстов, файл которой находится в том же каталоге (папке, директории, кому как привычнее), что и файл этой статьи, и называется text.html, необходимо вставить тег <A HREF="text.html">статья о форматировании текста</A>.Браузер покажет ссылку так: статья о форматировании текста. Щелкнув по ней, Вы можете убедиться, что она работает. (не забудьте потом нажать кнопку браузера "назад" :-) Если файл, на который Вы ссылаетесь, находится в другой директории, необходимо указать путь к этому файлу. Например: <A HREF="img/oz2.jpg"> здесь Вы можете полюбоваться прекрасным лесным озером </A>. В данном случае файл oz2.jpg лежит в папке img. Не забывайте, что при указании путей в ссылках необходимо использовать прямой слеш.
       Для тех, кто работает с редактором SNK: для того, чтобы вставить ссылку на файл, принадлежащий к рабочему проекту, достаточно кликнуть правой кнопкой по его названию в левом окошке и выбрать "создать ссылку".
  3. Ссылка на конкретное место в других страницах Вашего сайта. Состоит из первых двух, т.е. в параметре HREF="" указывается файл, в котором уже должен быть поставлен якорь, и название этого якоря. Например, в статье "знакомство с HTML" я Вам советовал скачать спецификацию HTML. Там (т.е. в статье "знакомство...) поставлен якорь с именем В и теперь для того, чтобы сослаться на этот совет, мне достаточно поставить тег <A HREF="lang.html#B">советовал</A>. В чем Вы можете убедиться, кликнув по ссылке.
  4. Ссылка на другие 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>. Здесь, вроде бы, все должно быть понятно. Если что-то слишком мудрено изложено, напишите мне, я объясню и, кроме того, помещу ответ на страницу ЧаВо.
  5. Ссылка на адрес электронной почты. Как Вы можете видеть, в предыдущей фразе "Вы можете написать мне" слово "мне" выделено как ссылка и при наведении на него указателя мышки в подвале браузера появляется адрес моей электронной почты (у тех, у кого эта функция включена). В ссылке на эл.почту параметр HREF имеет значение "mailto:адрес эл.почты". Т.е. в данном случае код выглядит так: <A HREF="mailto:svoisait@narod.ru">мне</A>.
  6. Ссылка на прочие ресурсы интернета: TelNet, WAIS, Gofer, FTP, Newsgroup.
    Здесь я приведу только значения параметра HREF для каждого случая:
   Вот собственно и все о ссылках. Да, вот собственно и почти все о создании своей странички на своем компьютере. В первом приближении, конечно. Есть еще списки, скрипты, фреймы, и еще много чего. Но, если Вы научились пользоваться тем, о чем я рассказал, Вам вполне по силам сделать приличную вещь. По приходящим письмам я вижу, что многие уже сделали первый шаг, т.е. создали страничку на своей машине и теперь им не терпится выложить ее в инет... А кое-кто уже и это сделал. Не хочу Вас пугать, но скоро Вы поймете, что это только начало. Ну что же, жизнь продолжается! В следующих статьях будем разбираться, что же делать с тем, что мы натворили...
на главную


TopList


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.
Hosted by uCoz