Как сделать ссылку
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <A>, который имеет единственный обязательный параметр href. В качестве значения используется адрес документа (URL).
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Начинаются они с указания протокола передачи данных. Так, для веб-страниц это обычно HTTP (HyperText Transfer Protocol, протокол передачи гипертекста), соответственно, абсолютные ссылки начинаются с ключевого слова http:// (пример 1).
Пример 1. Использование абсолютных ссылок
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Абсолютная ссылка</title>
</head>
<body>
<p><a href="http://www.yandex.ru">Поисковая система Яндекс</a></p>
</body>
</html>
Относительные ссылки, как следует из их названия, построены относительно текущего документа или адреса.
Примеры относительных адресов
/
/demo/
Эти две ссылки называются неполные и указывают веб-серверу загружать
файл index.html (или default.html), который находится в корне сайта
или папке demo. Если файл index.html отсутствует, браузер, как правило,
показывает список файлов, находящихся в данном каталоге.
/images/pic.gif
Слэш перед адресом говорит о том, что адресация начинается от корня
сайта. Ссылка ведет на рисунок pic.gif, который находится в папке
images. А та в свою очередь размещена в корне сайта.
../help/me.html
Двоеточие перед именем указывает браузеру перейти на уровень выше
в списке каталогов сайта.
manual/info.html
Если перед именем папки нет никаких дополнительных символов, вроде двоеточия,
то она размещена внутри текущего каталога (пример 2).
Пример 2. Использование относительных ссылок
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Относительная ссылка</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.html">Как сделать такое же фото?</a></p>
</body>
</html>
Иногда можно встретить в адресе ссылки путь в виде ./file/doc.html. Точка со слэшем (символ /) означает, что отсчет ведется от текущей папки. Подобная запись избыточна и ее можно сократить до file/doc.html.
| Статья опубликована: 06.09.2005 | Последнее обновление: 24.02.2008 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Наталья
16.10.2006
Подскажите плиз,
при ссылке на pdf файл браузер открывает его в окне автоматически не предлагая пользователю сохранить его на компьютере, можно ли как-то избежать открытия автоматически?
Спасибо
Влад Мержевич
17.10.2006
Руслан
05.04.2007
Спасибо
Александр
19.05.2007
Подскажите пожалуйста, а можно сделать ссылку на конкретное место на другой странице. Например, из текста главы книги на конкретное определение в глоссарии, который вынесен на отдельную страницу. name в этом случае не работает
Спасибо.
Влад Мержевич
21.05.2007
Сергей
17.06.2007
Влад Мержевич
19.06.2007
Мария
22.06.2007
Пишу небольшой сайт для друга - не больше 10 страниц, соединенных перекрестными ссылками. Не могу решить, как ставить ссылки - абсолютные или относительные адреса. Посоветуйте новичку, пожалуйста.
Влад Мержевич
22.06.2007
------(0-0)------
24.06.2007
Руслан
15.07.2007
Влад Мержевич
24.07.2007
Ольга
13.08.2007
Влад Мержевич
15.08.2007
Ольга
19.08.2007
Alice_vic
17.09.2007
<TD style="cursor:hand" ID=tab2
OnMouseOver="tab2.bgColor='#00cc66'";
OnMouseOut="tab2.bgColor='#ffff99'"; onClick="window.open('http://www.ссылка.html','_parent')",><font color="#cc3333">
Ссылка</font>
</td>
Будет ли поисковик при индексации страницы переходить по такого вида ссылке?
Влад Мержевич
20.09.2007
Алексей
21.10.2007
Стас
09.01.2008
Дело в том, что Дримвивер часто ставит бекграунд в тег <TR> а браузерам это не нравится. Поэтому возьми и руками перетащи его в <TD>
Vitek
26.01.2008
Алекс
27.01.2008
Aleksandr
10.02.2008
Вадим Хук
21.03.2008
P.S. Вообще, должен сказать, прекрасный сайт у вас Влад. Я пользуюсть им как html- справочником, так же по вашему сайту выучил ssi и css. Хотелось бы, чтобы было ещ? что-то подобное - л?гкое по сложносности изложения, с великолепными примерами и интересными рецептами по решению наиболее распостран?нных задач, по принципу "ничего лишнего" - и по php 4 или 5.
LitR
25.03.2008
<H2>Григорий Остер, "Вредные советы.<BR>
Книга для непослушных детей и их родителей".</H2>
<A href="#stih1">Ссылка на стих первый</A><BR>
<A href="#stih2">Ссылка на стих второй</A><BR>
<A href="#stih3">Ссылка на стих третий</A><BR><BR>
<PRE>
Недавно ученые открыли, что на свете бывают непослушные дети, которые все делают наоборот. Им дают полезный совет: "Умывайтесь по утрам" - они берут и не умываются. Им говорят: "Здоровайтесь друг с другом" - они тут же начинают не здороваться. Ученые придумали, что таким детям нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно.
</PRE>
<H3><A name="stih1">Стих первый</A></H3>
<PRE>
... тра-ля-ля 1...
</PRE>
<H3><A name="stih2">Стих второй</A></H3>
<PRE>
... тра-ля-ля 2...
</PRE>
<H3><A name="stih3">Стих третий</A></H3>Rambler's Top100
<PRE>
... тра-ля-ля 3...
</PRE> " или если тебе нада на документ который находиться на друголм сайте пиши так: "<A href="http://www.mysite.ru/ancorpri.html#stih1"> Ссылка на стих третий из какого-то другого документа </A> "
Xoxol1313
03.04.2008
Jina
23.05.2008
Подскажите, в тэге <a href=> используется параметр alt?
Жека
19.06.2008
в Яндексе и Гугле я ответа ненашел что мне надо.
//вот чо мне собственно нужно: !!!
чтобы в документе url.php нахдился список сайтов адресов типа http://www.phpclub.ru/
и открывались они на главной index.php короткой ссылкой
адресом типа url.php?id=1, url.php?id=2, url.php?id=3 ... c переходом
на те сайты которые указаны в url.php
Помогите плизз неполучается мне надо будет много адресов вписывать
и задовать им собственные id,
получилось только что на вcе id номера у меня один адрес присваиволся.
Вобще так возможно???