Сделать ссылку HTML - тег <a>
В предыдущем уроке мы создали каркас нашей страницы для будущего сайта. Сегодняшняя статья будет посвящена ссылкам, или же гиперссылкам, которые делают интернет живым и помогают пользователям ориентироваться как на вашем сайте, так и во всей всемирной паутине.
В html разметке ссылки обозначаются тегом <a> с обязательным закрывающимся тегом </a>
Разберем нижеприведенную структуру
<HTML>
<HEAD>
<TITLE>
Мой сайт
</TITLE>
</HEAD>
<BODY>
<a href="http//:ex77.at.ua">your_files.ex77</a>
</BODY>
</HTML>
А именно строчку выделенную курсивом.
<a href="http//:ex77.at.ua">your_files.ex77</a> — открывающийся и закрывающийся теги ссылки;
<a href="http//:ex77.at.ua">your_files.ex77</a> — текст, который будет отображен на странице сайта и по нажатию на который по ссылке пользователь перейдет на указанный адрес;
<a href="http//:ex77.at.ua">your_files.ex77</a> — адрес, на который пользователь попадет после нажатие на ссылку, на этом моменте мы остановимся подробнее.
Атрибут href является обязательным для ссылок и должен содержать URL адрес. Например, полный URL адрес для страницы, на которой вы находитесь (можно посмотреть в адресной строке браузера): http://ex77.at.ua/index/sdelat_ssylku_html/0-31
Давайте научимся управлять нашими ссылками на сайте.
Как правильно писать адрес ссылки для сайта? Различают полный адрес и не полный. Обратимся к ссылке, копированной ранее из адресной строки.
http:// - протокол передачи гиперссылки.
ex77.at.ua - имя сервера.
/index/sdelat_ssylku_html/0-31 - имя страницы (атрибут ссылки).
Для того, что бы сослаться на другой сайт (страницу), необходимо использовать полную ссылку. Нужно обязательно указать протокол передачи гиперссылки + имя сервера (если вы хотите просто сослаться на сайт, а если на определенную страницу, то) + имя страницы.
Попробуйте прописать у себя на html странице адрес этой страницы <a href="http//:ex77.at.ua/index/sdelat_ssylku_html/0-31">your_files.ex77</a>. У вас должна получится вот такая ссылочка your_files.ex77 - перейдите по ней и вернетесь к данной статье, если сделали все правильно. Получилось? Тогда продолжим дальше.
Для того, что бы передвигаться только по вашему сайту (для сайта имя сервера одинаково), достаточно указывать имя страницы. Попробуем.
Создайте два файла html: 1.html и 2.html с таким текстом (обязательно в одну папку - как охранять вы найдете в статье Введение в HTML):
<HEAD>
<TITLE>
траница 1
</TITLE>
</HEAD>
<BODY>
<a href="2.html">ссылка на вторую страницу</a> </BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>
Страница 2
</TITLE>
</HEAD>
<BODY>
<a href="1.html">ссылка на первую страницу</a> </BODY>
</HTML>
Пощелкайте между ссылками, вы будете перескакивать с одной страницы на другую. Но прописывать без адреса сайта и протокола передачи можно, только если у вас все файлы лежат в одной папке. Что делать, когда документы находятся в разных папках (директориях) на сервере мы разберем в следующей статье - Навигация. Продолжим.
Как сделать так, что бы страница по ссылке открывалась сама в новом окне? Для этого используют специальный атрибут target. Записывается он так:
<a href="http//:ex77.at.ua" target="значение">узнай о html</a>
Оновные:
_blank - значение, что бы открыть ссылку в новом окне;
_self - открыть ссылку в этом же окне, обычно, стоит по умолчанию. Если не указать атрибут target, страницы будут открываться в одном и том же окне.
Ещё по теме Введение в HTML Сделать сайт HTML Автоматическое добавление новостей
