html ссылки
Теперь давайте поговорим о ссылках. Сайт как правило состоит из нескольких страничек. Чтобы пользователю было
удобно путешествовать по сайту в языке html предусмотрены ссылки (гиперссылки). Теперь разберемся как
с ними работать.
Ссылки на страницы, документы, файлы
Для того, чтобы в своем документе поставить ссылку нужно использовать html тэг <a>.
Как обычно давайте рассмотрим пример.
<html>
<head>
<title>html ссылки</title>
</head>
<body>
Здесь вы можете посмотреть <a href="photos.html">мои форографии</a>
</body>
</html>
Как должна выглядеть наша страничка можно посмотреть здесь. Как
видите мы получили страницу со ссылкой. Теперь давайте разберем как она получается.
Во первых: адрес страницы,
на которую должна вести ссылка указывается в атрибуте href. В данном примере этот атрибут имеет значение
photos.html. Таким образом ссылка будет вести на страницу с photos.html, которая должна быть расположена
в той же директории, что и страница, на которой вы эту ссылку устанавливаете.
Во вторых: текст ссылки (текст, на который нажмет пользоватеь) указывается между тэгами
<a></a>. В нашем примере это текст - мои фотографии.
Теперь давайте разберемся с абсолютными и относительными ссылками. Как обычно предлагаю сделать это на
примере:
<a href="http://html.sitehelp.ru/prim/photos.html">мои форографии</a>
Перед вами 2 ссылки: первая относительная, вторая абсолютная. Давайте попробуем разобраться в чем разница
между ними. Абсолютная ссылка всегда указывает на один и тот же документ. Т.е. ссылка
<a href="http://html.sitehelp.ru/prim/photos.html">мои форографии</a>
всегда будет вести на одну и ту же страницу (http://html.sitehelp.ru/prim/photos.html), где бы она не находилась.
Теперь давайте рассмотрим относительную ссылку. Если ссылку
<a href="photos.html">мои форографии</a>
поместить на страницу http://html.sitehelp.ru/index.html, то она будет вести на страницу http://html.sitehelp.ru/photos.html,
если же ее поместить на страницу http://html.sitehelp.ru/catalog/index.html, то пройдя по ссылке пользователь
окажется на странице http://html.sitehelp.ru/catalog/photos.html. Таким образом адрес, на
который указывает относительная ссылка зависит от расположения, страницы, содержащей эту ссылку. Во как завернул :)
Надеюсь вы поняли разницу между абсолютной и относительной ссылкой, если нет, то заходите на
наш форум. Уж там вам точно все
разъяснят :).
Е-mail cсылки
Осталось поговорить о ссылках на почтовый ящик. Здесь все просто. Рассмотрим пример:
<a href="mailto:mail@sitehelp.ru">пишите письма :)</a>
Как видно ссылка на почтовый ящик почти ничем не отличается от обычной ссылки. Единственное отличие в том, что
в атрибуте href нужно указать свой e-mail адрес, добавив перед ним mailto:
Пробуйте, учитесь, тренируйтесь, если будут сложности, обращайтесь на
форум.
|
