Среда, 13.12.2017, 12:30
Приветствую Вас Гость | RSS

Информационный блог

Гипертекстовые ссылки

     Что же такое гипертекст?
  В отличие от простого текста, который можно читать от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Справочные системы многих программных продуктов построены именно по принципу гипертекста. При щелчке левой кнопкой мыши на некотором выделенном цветом и подчеркнутом фрагменте текущего документа - гипертекстовой ссылке - происходит переход к заранее назначенному документу или фрагменту документа. 
  Для задания перехода по гиперссылке в языке HTML используются тэги <a></a> с атрибутом href, значением которого является адрес перехода. В качестве адреса может использоваться имя файла другого документа или URL-адрес.
  Каждый компьютер, подключенный к Интернету, имеет свой уникальный адрес, который может быть представлен или к числовом виде, например, 204.146.46.133, или определенным сочетанием символов, например, www.microsoft.com. Поскольку каждый компьютер имеет свою уникальную структуру каталогов и файлов, то и каждая страница также имеет уникальный адрес, называемый URL. Как видно из названия, URL может указывать не только на страницы, но также и на другие ресурсы Интернета. В самом общем виде URL включает в себя указатель на протокол, который применяется для доступа к ресурсу - http, ftp и др. - и символьный адрес компьютера в сочетании с именем конкретного файла в структуре каталогов этого компьютера. Например, URL-адрес http://www.chat.ru/user/faq.html состоит из указателя на протокол http, который применяется для доступа к Web, имени компьютера www.chat.ru и имени файла-документа faq.html, который находится в каталоге user.
  Из сказанного следует, что каждой Web-странице соответствует свой HTML-файл. Однако вы можете заметить, что во многих URL-адресах отсутствует имя файла, например http://www.microsoft.com. Тем не менее, в окне браузера все же появляется конкретная страница. Дело в том, что администраторы серверов могут указать на своих узлах  некоторые HTML-файлы, которые выводятся по умолчанию, если имя файла в URL явно не задано. Обычно эти файлы имеют имена index.html или index.htm
  Посмотрим, как создать переход по ссылке с конца текущего документа spisok.html на первую страницу нашего сайта. Чтобы сообщить посетителю сайта о возможности вернуться к первой странице, необходимо предусмотреть между открывающим  <a> и закрывающим </a>тэгами соответствующий текст, например:
        <a href="komp.html">На первую страницу</a>
  Обратите внимание, что адрес ссылки должен быть заключен в кавычки, так как некоторые браузеры могут не понять его без кавычек.
  Чтобы ссылка На первую страницу была центрирована, следует ограничить элемент <a>...</a> тэгами <center> u </center>
     Вставьте в файле spisok.html пустую строку перед закрывающим тэгом </body> и введите в ней следующий код:
        <center><a href="komp.html">На первую страницу</a></center>
  Ссылка На первую страницу будет подчеркнута и выделена таким цветом, который предусмотрен в вашем браузере для непросмотренных ссылок.
    Установить указатель мыши в окне браузера на ссылке На первую страницу
    Щелкните мышью на этом месте. В окне браузера появится первая страница из файла komp.html.
  Таким образом мы осуществили переход по ссылке на другую страницу сайта.
  Теперь создадим гиперссылку для перехода с первой страницы-komp.html - на вторую-spisok.html. Для ссылки логичней всего будет использовать текстовый фрагмент о нашей деятельности, так как список на второй странице раскрывает содержание именно этого фрагмента текста. Поэтому нам нужно в файле komp.html поместить открывающий тэг <a> с атрибутом href="spisok.html" перед фрагментом текста  о нашей деятельности, а закрывающий </a> - после него.
    Откройте в программе Блокнот файл komp.html.
    Отредактируйте этот файл, вставив тэг <a href="spisok.html"> перед текстом о нашей деятельности, а закрывающий</a>- после него. 
  Очень вероятно, что когда вы просмотрите результат в браузере, вы обнаружите, что ссылка о нашей деятельности видна очень плохо или вообще не видна. Это связанно с тем, что цвет, которым браузер отображает непросмотренные ссылки, совпадает с цветом фона вашего документа. В таком случае цвет ссылок следует изменить, воспользовавшись  атрибутами link u vlink тэга <body>. Атрибут link определяет цвет непросмотренной ссылки, а vlink - просмотренной. Еще один атрибут - alink определяет цвет ссылки в момент, когда на ней установлен указатель мыши и нажата левая кнопка.
  Установим для непросмотренной ссылки белый цвет (white), для просмотренной - светло зеленый (lime), а для ссылки в момент щелчка мышью - красный (red).
    Отредактируйте файл komp.html, добавив тэг  <body> атрибуты link= white, vlink=lime, alink=red так, чтобы этот тэг имел следующий вид:
         <body bgcolor=blue text=yellow link=white, vlink=lime, alink=red>
    Щелкните мышью на ссылке о нашей деятельности. В окно браузера будет загружен файл spisok.html.
    Пройдите в конец этой страницы, чтобы отобразить на экране ссылку На первую страницу.
  Если ссылка плохо видна, вы можете вставить для текущей страницы в тэге <body> атрибуты link, vlink, alink с подходящим значениями цветов.
    Щелкните мышью на ссылке На первую страницу. В окне браузера опять появится документ komp.html
  Вставить переход в документе можно не только с текстовой ссылки, но также и с рисунка. Для создания такой ссылки достаточно в файлеkomp.html вставить открывающий тэг <a href="spisok.html"> перед тэгом <img src=CLOUD.GIF border=1> и закрывающий тэг</a> после него.
 В окне браузера вокруг рисунка вы увидите тонкую рамку.
    Установите указатель мыши на рисунке. Теперь указатель мыши принимает форму руки. И это явно указывает на то , что рисунок является ссылкой.
    Щелкните мышью на рисунке, В окне браузера откроется документ  spisok.html.
    Перейдите к ссылке На первую страницу и щелкните на ней мышью. В браузер снова будет загружена страница komp.html.
  Создавая ссылки на страницы нашего сайта, мы использовали в качестве адреса имя файла. При таком указании адреса браузер всегда ищет файл в текущем каталоге. Если бы нужный файл - spisok.html - находился, предположим, в подкаталоге Doc текущего каталога, то в адрес необходимо было бы указать путь к нему от текущего каталога: <a href="Doc/spisok.html">. Такая ссылка, в которой адрес указывается относительно текущего каталога на том же компьютере, называется относительной.
  Вы можете так же использовать в ссылках полный URL-адрес, указывающий на файл, находящийся в определенном каталоге определенного компьютера в сети, например: http://www.intel.com/help/index.html. Такая ссылка называется абсолютной. В то время как относительные ссылки указывают на файлы, расположенные на том же самом компьютере, абсолютные ссылки служат для представления адресов документов на других компьютерах в Интернете.
  Предположим, файл с именем doc03.zip находится на сайте www.triumph.ru в каталоге pub/service/text. Тогда абсолютная ссылка на этот файл будет такой: <a href="http://www.triumph.ru/pub/service/text/doc03.zip">
  При щелчке мышью на такой ссылке браузер подключится к указанному сайту, найдет нужный файл и выведет на экран диалог с предложением сохранить этот файл на диске вашего компьютера. После того, как вы укажите папку для сохранения, начнется процесс копирования файла на ваш компьютер.
Меню сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Поиск
Календарь
«  Декабрь 2017  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Архив записей
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Все о сетевом бизнесе
  • Copyright MyCorp © 2017