На этой странице Вы можете ознакомится с языком HTML!

На главную

Введение

Структура HTML-документа

Форматирование HTML-документа

Ссылки на другие документы и файлы

Списки простые и вложенные

Создание таблиц

Работа с графикой в HTML-документах

Управление цветом

Фреймы

 

 

 

Ссылки на другие документы и файлы

Одним из важнейших понятий в HTML документе являются ссылки. Значение ссылок в мире Интернет трудно переоценить.

Организация ссылок.

Ссылка состоит из двух частей. Первая из них это то, что вы видите на Web-странице; она называется указатель ссылки (anchor). Вторая часть, дающая инструкцию браузеру, называется адресной частью ссылки (URL-адресс). Когда вы щелкаете мышью по указателю ссылки, браузер загружает документ, адрес которого дается URL-адресом.

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

Текстовые указатели по умолчанию выделяются подчёркиванием. Хотя данные настройки могут быть изменены. На этом сайте, например, ссылки становятся подчёркнутыми только при наведении на них указателя мыши.

Приведём пример записи текстового указателя ссылки:

<A href="html_04_01.shtml">Ссылка на эту же страницу</a>

В качестве ссылки можно использовать графическое изображение. По принципу действия графические ссылки ничем не отличаются от текстовых. Они не подчёркиваются и не выделяются цветом, а для их выделения браузер обычно вокруг такого изображения рисует рамку.

Пример графического указателя ссылки:

<A href="html_04_01.shtml"><IMG src="picture.gif"></a>

Если в URL-адресе не указывается полный путь к файлу, то такая ссылка называется относительной. В этом случае определения местоположения файлов выполняется с учётом местоположения документа, в котором имеется такая ссылка.

Тэг <A> .

Этот тэг имеет параметр href , значением которого является URL-адрес. Указатель может быть как относительным, так и абсолютным. Этот тэг является контейнером, поэтому необходимо указывать закрывающий тэг </a>:

<A href="URL-адрес">текст ссылки</a>

Внутренние ссылки.

Кроме ссылок на другие документы, часто полезно включить ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы.

Для построения внутренней ссылки сначала нужно создать указатель, определяющий место назначения. Например, если вы хотите создать ссылку на текст определенной главы документа, нужно разместить там указатель и дать ему имя при помощи параметра name тэга <A> . При этом параметр href не используется, и браузер не выделяет содержимое тэга <A> . Например:

<A name="chapter_5"> </A>

Обратите внимание, что в приведённом примере отсутствует содержимое тэга <A> . Обычно именно так и делают, поскольку здесь нет необходимости как-то выделять текст, а тебуется лишь указать местоположение.

После того как место назначения определено, можно приступать к созданию ссылки на него. Для этого, вместо указания в параметре href адреса документа, как это делалось ранее, поместим туда имя ссылки с префиксом # , говорящем о том, что это внутренняя ссылка.

<A name="#chapter_5">Глава 5</A>

Теперь если пользователь щёлкнет кнопкой мыши на словах "Глава 5 ", браузер выведет соответствующую часть документа в окне просмотра. Такой механизм реализован на странице Создание списков , в меню "Быстрый переход по странице".


 

 
Hosted by uCoz