Чтобы
сделать какую-то надпись гиперссылкой, надо пометить ее тегом <А> (anchor - якорь, а не масло).
Понятно, что у такого
тега должен быть какой-то атрибут, указывающий, куда именно эта ссылка ведет.
Атрибут этот, и правда, имеется. Называется он HREF (hyper reference - гиперссылка), и в нем
записывается адрес файла, который следует загрузить в браузер.
Например:
<А HREF="http://levin.rinet.ru/news.htm">Что
нас новенького</А> - такая гиперссылка задает переход к файлу,
полный адрес, которого http://levin.rinet.ru/news.htm. Все, что расположено между открывающим и закрывающим
тегом (слова «Что у
нас новенького»), будет на экране выделено цветом и подчеркнуто.
Вот другой вариант:
<А HREF="news.htm">
Что нас новенького</А> - переход к файлу news.htm, расположенному в той же директории, что и данный файл.
Как видите, возможны два
способа адресоваться к файлу - задать его полный (абсолютный) адрес, в котором
всегда прописаны префикс (http), адрес сервера, адрес папки на
сервере и имя файла, или не задавать ничего, кроме имени файла, и тогда браузер
будет искать файл здесь же, никуда не уходя.
Первым способом (с
абсолютными адресами) пользуются, когда хотят доставить ссылку на какой-то
внешний источник. Вторым (с относительными адресами) - когда адресуются к
каким-то разделам и подразделам своей собственной веб-страницы.
Вот еще несколько
примеров относительной адресации файлов:
<А HREF=”PAGES/3.html">На страницу 3</А> - переход к файлу 3.html, расположенному в поддиректории PAGES;
<А HREF="../3.html"> На страницу 3</А> - переход к файлу 3.html, расположенному выше в дереве каталогов, в
«наддиректории». То есть браузер должен выйти из текущей папки и там взять
нужный файл;
<А HREF="../../PAGES/3.htm"> На страницу 3</А> - переход к файлу 3.htm, расположенному в папке PAGES. Браузер выходит на два уровня вверх и заходит в папку PAGES.
Обратите внимание на тот факт,
что большие и маленькие буквы в Сети различаются! Проверяйте регистр не только в
именах файлов, но и в расширениях, а также в именах директорий. У новичков
неверный регистр буквы в гиперссылке - самая распространенная ошибка.
Учитывайте и тот факт, что в гиперссылках
косая черта (обратный слэш \), отделяющая в Windows имя
директории от имени находящегося в ней файла, должна быть заменена на другую
(прямой слэш /). Несоблюдение этого правила приводит к тому, что ссылка,
нормально работающая дома (в системе Windows), в интернете (на сервере UNIX) работать
отказывается. Лучше сразу ставить /, потому что Windows обе
разновидности слэша воспринимает правильно.
Кроме того, не давайте файлам и
директориям названия из нескольких слов с пробелами. Вместо пробела используйте,
например, знак подчеркивания (знак_подчер- кивания).
И внимательно смотрите на
расширение своих файлов: все же htm у вас или html. может,
даже HTML?)
От всех ошибок такого
типа вас убережет хороший HTML-редактор, автоматически создающий ссылку на
указанный вами файл.
В атрибуте HREF может стоять адрес не только
веб-страницы, но и текстового, табличного, вордовского файла, а также программы
или архива, рисунка любого формата, музыкального файла любого формата (включая
MP3). Какие-то файлы браузер сумеет показать (проиграть) прямо в своем окне,
какие-то предложит скачать в компьютер посетителя вашей странички и даже
запустит (если посетитель этого захочет) соответствующий редактор, вьюер или
плеер.
Если в гиперссылке
использовать атрибут TARGET=new (цель = новый), те при щелчке по ссылке веб-страница
откроется в новом окне браузера. Например, вы создали линк-лист, список
страничек Сети по некоторой интересной теме - все страницы о разведении
крокодилов в ванной комнате или все, какие нашли, страницы с рефератами. Прямой
смысл использовать TARGET-new, чтобы просматривающему не приходилось каждый раз жать
на кнопку Назад и дожидаться повторной загрузки вашей страницы.
Есть еще одна весьма
распространенная разновидность гиперссылок - с префиксом mailto:
<А HREF="
mailto:sasha_l@rinet.ru">/Пишите письма!</А»
Щелчок по ней запускает
окно создания нового письма, в поле адреса которого помещается sasha_l@rinet.ru.
Пример использования
гиперссылок в работе «Мелиоративные машины»
<div id="nav"><!--меню-->
<ul>
<ul>
</ul>
</li>
<ul>
</ul>
</li>
<ul>
</ul>
</li>
<ul>
</ul>
</li>
<ul>
</ul>
</li>
</ul>
</div><!-- конец меню-->
Литература:
А.Левин. Самоучитель полезных
программ.Питер. 2008
Комментариев нет :
Отправить комментарий