html ссылка – является, пожалуй одним из самых важных элементов на сайтах в сети Интернет.

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

html ссылки, придали электронным документам гибкость их использования, быстроту доступа к нужным разделам данного документа и к документам, расположенным в сети.

Ну что же, мы с Вами рассматриваем ссылку в рамках нашего курса «Как создать сайт в блокноте».

Чтобы разобраться, как написать html код ссылки или, другими словами - как сделать ссылку в html, обратимся к html справочнику.

Откройте html справочник, и кликните в меню справочника слева, по пункту «Теги по типам». В открывшемся подменю найдите пункт «Ссылки». Кликните два раза на этом пункте меню, или нажмите на знак плюс слева от пункта меню.

Откроется содержимое раздела «Ссылки», здесь кликните на пункт меню - «A». Справа, в html справочнике, откроется описание.

Читаем описание тега «A», мы видим, что этот тег предназначен для создания ссылок.

Тег «A» применяется с несколькими параметрами, самые распространенные параметры - href и name.

Параметр href указывает адрес документа, на который будет осуществляться переход.

Параметр name устанавливает имя якоря, на которое происходит переход внутри данного документа или данной страницы.

Итак, для того, чтобы создать ссылку, необходимо сообщить браузеру:

1.Что является ссылкой.

2.Указать адрес документа, на который делается ссылка.

Синтаксис написания кода для создания ссылки:

<a href="URL">...</a>

Где URL- это адрес ссылки, то есть полный или относительный путь к файлу. Обратите внимание на то, что путь к файлу (Адрес) может быть как абсолютный, так и относительный.

Абсолютная адресация работает везде, вне зависимости от того, где находится документ, в котором данная ссылка прописана. Дело в том, что при указании адреса при абсолютной адресации, указывается полный путь, или полный адрес до объекта.

Относительные ссылки прописываются относительно того документа, в котором они прописаны. Поэтому адрес объекта при относительной адресации указывается относительно данного документа или данного сайта.

Итак, вот примеры html кодов двух способов адресации, абсолютный и относительный:

<p><a href="ssylka.html">Относительная ссылка</a></p>

<p><a href="https://www.site.ru/ssylka.html">Абсолютная ссылка</a></p>

Как видите, абсолютная html ссылка, указывает полный путь к файлу, этот путь представляет собой адрес в Интернет с указанием протокола http, адресом сайта и именем файла на который будет произведен переход.

При относительной адресации, html ссылка, как Вы видите из примера указано только имя файла.

Надо понимать, что в первом и втором случае примера, файл ssylka.html, является html страницей, которая расположена в корне сайта www.site.ru.

Теперь что касается параметра тега «A» - name.

С помощью данного параметра, осуществляются переходы внутри данной страницы. Работает это следующим образом.

Сначала в коде веб страницы с помощью параметра name, задается имя якоря или, другими словами, имя закладки, например вот так:

<a name="zakladka_yakor"></a>

Затем, в теле документа, создается ссылка на данный якорь. Имя ссылки на якорь (закладку) начинается с символа #, и далее идет название якоря (закладки):

<a href="#zakladka_yakor ">Текст ссылки на якорь (закладку)</a

Используя параметр name тега «A», вы можете предоставить возможность посетителю сайта переходить от одного блока информации к другому, не прокручивая всю страницу, а просто кликая по ссылкам.

Например, если Вы кликните на вот эту ссылку: html ссылка, то попадете в начало этой статьи, так как для данной ссылки, я в начале статьи создал якорь.

Ну что же, мы с вами рассмотрели, что такое html ссылка, в конце данной статьи, следует добавить, что ссылкой на страницах сайтов и электронных документов, может служить текст, изображения, Flash, и другие объекты.

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

Но прежде чем перейти к формированию меню, мы с Вами рассмотрим, как добавить картину на страницу сайта.

Перейти к Уроку 14: html картинка

Перейти к Уроку 12: Шрифт в html

Автор: Виктор Милованов