Правила описания гиперссылок

Структура ссылки

Указатель ссылки описывается тегом < A >, а адрес перехода реализован с помощью параметра href, значением которого является путь к ресурсу (URL):

< A> … </a>

 

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

 

Могут использоваться следующие шаблоны:

текст <A href = “Адрес ссылки”> текст для щелчка </a>

<A href = “Адрес ссылки”> <IMG src = “Ссылка на рисунок”> </a>

Первый шаблон применяется в том случае, когда гиперссылка встречается в тексте.

 

Атрибут href может указывать на Интернет-ресурс, файл на локальном диске или метку внутри текущей страницы. Текст расположенный внутри элемента <A>, представляет собой видимую часть гиперссылки. Именно по нему необходимо щелкнуть, чтобы осуществить переход. Браузер выделяет этот фрагмент цветом, а после использования гиперссылки меняет цвет, чтобы обеспечить подсказку.

link – определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылке (например, link=”#FF0000”).

vlink – определяет цвет ссылки на документ, который уже был просмотрен ранее.

alink – определяет цвет ссылки в момент, когда на нее указывает курсор мыши и нажата правая кнопка, т.е. непосредственно перед переходом по ссылке.

 

Второй шаблон предназначен для тех случаев, когда видимая часть гиперссылки представляет собой рисунок. Если для последнего определена рамка, то она тоже меняет цвет после использования. Если ссылка указывает на рисунок, который находится на локальном диске, она обязательно должна начинаться со слова file:

file:// Диск: /Путь к файлу или file:/// Диск: /Путь к файлу

 

Если рисунок используется внутри элемента <A>, то изменение цвета рамки позволяет отличить пройденную гиперссылку от нетронутой.

 

Справа и слева от рисунка, а также выше и ниже можно создать пустое пространство:

hspace=число пикселей и vspace=число пикселей

Эта область никак не будет выделяться и примет цвет фона страницы. О ее существовании может говорить наличие промежутка между текстом и рисунком.

 

<HTML>

<HEAD>

<TITLE> Использование гиперссылки </title>

<META name=”AUTHOR” content=”ФИО студента”>

</head>

<BODY>

Любая гиперссылка состоит из двух частей:

<A href=”1.html”> указателя ссылки </a> («якоря» - от англ. anchors) и <A href=”2.html”> адреса ресурса </a>, который может быть любым ресурсом web, на который необходимо осуществить переход.

<H3 align=”center”>

<A href=”7.html”> Internet Explorer </a>

является одной из специальных программ (браузеров) для просмотра электронных документов <BR>

<A href=”6.html”> <IMG src=”рисунок.jpg” hspace=5 vspace=20> </a>

</h3>

</body>

</html>

 

Правила описания гиперссылок

Гиперссылки можно разделить на два типа: внешние и внутренние. Внешние ссылки ведут на другие ресурсы Сети или другие документы одного web-сайта, а внутренние позволяют осуществлять переходы в пределах одного документа.

Структура внешней гиперссылки состоит из указателя (якоря) и адреса. Существует два способа записи адреса перехода по внешней ссылке:

- абсолютный – в значении параметра href указывается полный путь к ресурсу, ссылка на который ставится в документе. <A href=”http://www.site.ru/docs/page1.html> Ссылка на страницу 1 </a>

- относительный – в значении параметра href указывается конечный документ, относительно которого размещена страница, содержащая ссылку. <A href=”page2.html”> Ссылка на страницу 2 со страницы 1 </a>

Такой формат записи внешней ссылки подразумевает расположение файла page2.html (на который указывает гиперссылка) в том же каталоге, что и файл page1.html (с которого он осуществляет переход). В этом случае оба файла расположены в каталоге docs, находящемся на сайте www.site.ru.

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

Структура внутренней гиперссылки включает две части – саму ссылку и ее именной идентификатор (знак «диез» плюс имя элемента, аналогичное значению параметра href самой гиперссылки), позволяющий переместиться в нужное место гипертекстового документа:

Текст подсказки <A href=”#Метка”> Текст для щелчка </a>

Для обозначения места, в которое нужно переместиться, применяется пустая конструкция:

<A name=”Метка”> </a>

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

 

<HTML>

<HEAD>

<TITLE> Закладка </title>

<META name=”AUTHOR” content=”ФИО студента”>

</head>

<BODY>

<A href=”#goldfish”> Золотые рыбки </a><BR>

Красивый круглый аквариум – место обитания <A name=”goldfish”> золотой рыбки </a>

</body>

</html>

 

Относительные адреса ссылок:

Тип ссылки Тег
Гипертекстовая ссылка, указывающая на другой HTML-документ или файл <A href=”имя_файла”> активный текст </a>
Гипертекстовая ссылка, указывающая на анкер (якорь) в другом месте того же документа (закладка) <A href=”#имя”> активный текст </a>
Ссылка, указывающая на анкер (якорь) в другом HTML-документе <A href=”имя_файла #имя”> активный текст </a>
Анкеры для двух указанных выше типов ссылок <A href=”имя_файла #имя”> </a>
Сочетание ссылки и анкера <A href=”имя_файла” name=”имя”> активный текст </a>
Ссылка в виде графического изображения <A href=”имя_файла”> <IMG src=”графическое изображение”> </a>

 

 


Дата добавления: 2015-12-20; просмотров: 14; Мы поможем в написании вашей работы!

Поделиться с друзьями:




Мы поможем в написании ваших работ!