Для создания ссылки на сайт, страницу или файл, используется тег <a> с атрибутом href, указывающим URL адрес:
<a href="http://zarabotaisam.info/">Перейти на сайт</>
<a href="http://http://www.zarabotaisam.info/publ/urok_pervyj_chto_takoe_jazyk_html/1-1-0-5">Перейти на страницу</a>
<a href="http://www.zarabotaisam.info/load/0-0-1-1-20">Ссылка на файл</a>
В браузере будет виден текст, находящийся между тегами <a> и </a>, он - то и будет ссылкой. Ссылки могут быть не только внешними , но и внутренними. Внутренние ссылки используются для перемещения по страницам с большим количеством контента и создаются по тому же принципу, что и внешние, только в значении атрибута href вместо URL адреса указывается "якорь". Якорь создается атрибутом name. Например, если надо вернуться к началу страницы, Можно оформить заголовок так:
<h1><a name="zagolovok"></a>Заголовок страницы</h1>
А в конце страницы помещается ссылка:
<a href="#zarabotok">перейти к началу страницы</a>
В ссылке перед якорем нужно ставить знак #. Имя якоря может быть любым, но лучше использовать латиницу.
Атрибуты тега <a>:
target - указывает где открывать страницу на которую ведет ссылка. Имеет следующие аргументы: _blank - открывает ссылку в новом окне (в новой вкладке); _parent - открывает ссылку в родительском окне; _self - загружает страницу в следующее окно ( по умолчанию ).
title - всплывающая подсказка, появляющаяся при набедении курсора мыши на ссылку.
Для того, чтобы создать ссылку на электронную почту, нужно вместо URL адреса в значении атрибута href написать адрес электронной почты с указанием протокола mailto: при клике по такой ссылке, откроется окно почтовой программы, с вписанным в поле "Кому" адресом электронной почты:
<a href="mailto:vasy@mail.ru">Написать автору</a>
Например:
Как изменить цвет ссылок мы с Вами разбирали в одном из предыдущих уроков ( атрибуты тега BODY ).
В качестве ссылки можно также использовать изображение:
<a href="http://www.zarabotaisam.info/"><img src="http://www.zarabotaisam.info/_ph/1/2/249074926.jpg?1407919753"></a>
или
<a href="http://www.zarabotaisam.info/">img src="image1.gif"></a>
У сайта, как правило, существует несколько страниц. Стартовая должна называться index.html, остальные страницы могут называться как угодно. Ссылка на страницу сайта может быть как абсолютной - <a href="htpp://mysite.ru/page2.html">Вторая страница</a> (при условии, что page2.html находится в той же папке с index.html). Если же Вы тестируете свой сайт без использования виртуального сервера, то нужно писать ссылки без слэша - <a href="page2.html">Вторая страница</a>, иначе ссылки работать не будут. Но перед загрузкой сайта на сервер, слэши надо прописать.
Урок седьмой
|