Как сделать ссылку на сайт.

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

Ссылка в html задается при помощи тега <a> и парного закрывающего его тега </a>. Адрес ссылки задается при помощи атрибута href= «». Например, код ссылки на данный сайт будет выглядеть так:
<a href= «http://seoklub.ru/»>Создание сайтов.</a>
Ссылка состоит из двух элементов:

— адреса ссылки href= http://seoklub.ru/ и

— текста ссылки Создание сайтов.

В параметре href= мы написали адрес страницы, а между тегами <a> и </a> мы должны написать текст, нажав на который произойдет переход по ссылке.

Текст ссылки называется якорем или анкором ссылки. Мы рассмотрели пример ссылки, которая ведет на главную страницу сайта. В данном случае, в адресе ссылки, мы не прописывали имя файла и его расширение. Для того чтобы дать ссылку на главную страницу сайта достаточно указать адрес сайта. В большинстве случаев главная страница имеет название index.html.

Вместо текста может быть любая картинка. Тогда нажав на картинку также будет сделан переход по ссылке.
<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>
<body bgcolor=»#00CCFF» text=»#FFFF00″>
<center>
Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>
<br><font color=»#0000FF» size=»4″><b>я буду счастливым человеком!</b></font>
<br><br>
<a href=»http://seoklub.ru»><img src=»seoklub.jpg»></a>
<br><br>
<a href=»http://seoklub.ru»>Сайт о создании сайтов.</a>
</center>
</body>
</html>
В некоторых браузерах, например в интернет эксплорере, вокруг картинки будет нарисован бордюр рамка. Чтобы убрать этот эффект, нужно указать что у картинки не должно быть рамки бордюра. Делается это так:
<img src=»seoklub.jpg» border=»0″>
Чтобы ссылка открывалась в новом окне, нужно дописать еще один параметр в тег <a>
<a href=»http://seoklub.ru» target=»_blank»>
Итого, код нашей страницы будет вот такой
<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>
<body bgcolor=»#00CCFF» text=»#FFFF00″>
<center>
Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>
<br><font color=»#0000FF» size=»4″><b>я буду счастливым человеком!</b></font>
<br><br>
<a href=»http://seoklub.ru»><img src=»seoklub.jpg» border=»0″></a>
<br><br>
<a href=»http://seoklub.ru»target=»_blank»>Сайт о создании сайтов.</a>
</center>
</body>
</html>
А как же сделать ссылку на файл. Точно так-же как и другие ссылки, только указывая в назначении имя файла. Ссылаться можно не только на файлы с расширением html но и на файлы с другими расширениями. Для этого в адресе ссылки необходимо прописывать соответствующее имя файла и расширение. Например:
<a href=»popsa.mp3″>Скачать песню</a>

<a href=»arhiv.rar»>Скачать программу</a>
Все ссылки, которые мы рассмотрели ранее, являются внешними. Кроме их существуют еще и внутренние ссылки. Внутренние ссылки предназначены для навигации в пределах одного открытого документа. Это может пригодиться, если Вы, например, решили создать какой-то один большой документ, а вверху его поместить содержание. Или вам просто нужно быстро направить посетителя, к какой либо части вашей страницы.

Предположим, нам нужно сделать такую ссылку, нажав на которую, посетитель будет попадать в верхнюю часть данной страницы. Для этого первое слово или словосочетание на данной странице необходимо заключить в тег <a name=»»>первое слово</a>. Где в кавычках необходимо указать какое либо название.

К примеру, для той страницы где вы сейчас находитесь, можно сделать так:
<a name= «verh»>Все страницы</a>
Этим мы определили якорь т. е. место куда будет попадать пользователь при нажатии на нашу ссылку. Теперь в том месте, где это нужно, необходимо указать саму ссылку. Делается это так:
<a href= «#verh»>Перейти вверх</a>
Заметьте что здесь в кавычках перед словом verh обязательно должен быть знак решетка #.

Какие бывают виды ссылок.

Различают следующие виды ссылок абсолютные и относительные. Абсолютные ссылки это ссылки, в которых указан полный адрес документа. Такие ссылки используются для связи с внешними ресурсами сети. Пример такой ссылки:
<a href= «http://yandex.ru/»>Поисковая система.</a>
Относительная ссылка это ссылка, в которой отсутствует общая адресная часть. Такие ссылки используются в пределах одного сайта. Пример такой ссылки:
<a href= «index.html»>Главная страница</a>
/
/demo/
Эти две ссылки называются неполные и указывают веб-серверу загружать файл index.html (или default.html), который находится в корне сайта или папке demo. Если файл index.html отсутствует, браузер, как правило, показывает список файлов, находящихся в данном каталоге.
/images/pic.gif
Слэш перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведет на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.
../help/me.html
Двоеточие перед именем указывает браузеру перейти на уровень выше в списке каталогов сайта.
manual/info.html
Если перед именем папки нет никаких дополнительных символов, вроде двоеточия, то она размещена внутри текущего каталога.

Иногда можно встретить в адресе ссылки путь в виде ./file/doc.html. Точка со слэшем (символ /) означает, что отсчет ведется от текущей папки. Подобная запись избыточна и ее можно сократить до file/doc.html.

Немного о протоколах.

http:// — самый распространенный протокол, при помощи его обеспечивается доступ к веб-страницам, ссылка выглядит так:
<a href= «http://yandex.ru/»>Поисковая система.</a>
mailto: — протокол доступа к электронной почте. Его необходимо использовать, если вы хотите дать ссылку на электронную почту. Код ссылки записывается следующим образом:
<a href= «mailto:адресс@почты.ru»>Отправить письмо</a>
Кроме этих протоколов есть еще протокол ftp://, при помощи которого, осуществляется передача файлов по FTP с помощью программы FTP-клиента. А также протокол file:// — используется для указания ссылки на страницу расположенную на локальном компьютере.

Заказать продвижение сайта >>
От SEOKlub
+- (+1 рейтинг, 1 голосов)
Loading...Loading...
Автор: Никита Смирнов
Статьи по теме:
Читайте нас:
по электронной почте


 

Яндекс.Метрика
SEOklub.ru © 2009 - 2016. Копирование материалов без активной ссылки на сайт запрещено.
Задать вопрос
Позвонить вам
Предложить тему статьи
Заказать услугу
Заказать сайт
Заказать услугу