S1
Колодезный пер., д. 2А, стр. 1 107076 Москва, Россия
+7 (499)340-64-04, +7 (499)340-64-04, info@s1-agency.ru

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

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

– адреса ссылки href= https://s1-agency.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=”https://s1-agency.ru”><img src=”seoklub.jpg”></a>
<br><br>
<a href=”https://s1-agency.ru”>Сайт о создании сайтов.</a>
</center>
</body>
</html>
В некоторых браузерах, например в интернет эксплорере, вокруг картинки будет нарисован бордюр рамка. Чтобы убрать этот эффект, нужно указать что у картинки не должно быть рамки бордюра. Делается это так:
<img src=”seoklub.jpg” border=”0″>
Чтобы ссылка открывалась в новом окне, нужно дописать еще один параметр в тег <a>
<a href=”https://s1-agency.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=”https://s1-agency.ru”><img src=”seoklub.jpg” border=”0″></a>
<br><br>
<a href=”https://s1-agency.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:// – используется для указания ссылки на страницу расположенную на локальном компьютере.

Нужно продвижение?
По хорошей цене?
С финансовой гарантией результата?
Остались вопросы?
наш телефон:
Чат с менеджером