<<Темы
Урок 4. Ссылки в HTML
Элемент a
Парный тэг. При помощи него в HTML задаются ссылки. Имеет обязательный атрибут href
, значением которого указывается имя другого документа, к которому нужно перейти.
<a href="index.htm">К началу</a>
<a href="http://www.mail.ru">Почта</a>
В данном примере продемонстрированы два основных вида ссылок. В
первой строке использована "относительная" ссылка. Это значит, что
работать такая ссылка будет только относительно данного документа (то
есть в данном случае обе страницы должны находиться в одной
директории); и если вы измените физическое местоположение хотя бы одной
из страниц, то вам придется также изменить и значение атрибута href
,
иначе ваша ссылка просто не будет работать. Вторая ссылка называется
"абсолютной". Она будет работать из любой точки Интернета.
Но можно задать не только переход к другому документу, но и
переход к конкретному фрагменту текста (на этой же странице или на
другой). Допустим, что нам необходимо осуществить переход из файла
index.htm к словам "Переход закончен" в файле 2.htm (файлы находятся в
одной директории). Прежде всего, необходимо создать метку (или якорь) в
файле 2.htm:
<a name="aaa">Переход закончен</a>
Затем в файле index.htm определяем переход на этот анкер:
<a href="2.htm#aaa">Переход к метке ааа</a>
Переход к этому якорю внутри самого документа будет выглядеть так:
<a href="#aaa">Переход к метке ааа</a>
Ссылки на внешние URL могут сопровождаться атрибутом target
, который как правило применяется при работе с фреймовой структурой документа. Этот атрибут имеет несколько значений:
_blank
- загружает содержимое страницы, заданное ссылкой в новое, пустое окно
_self
- загружает содержимое страницы в окно, которое содержит ссылку
_parent
- загружает содержимое страницы в окно, являющееся непосредственно владельцем набора фреймов
_top
- загружает содержимое страницы в окно, игнорируя используемые фреймы
Вот примерно как это может выглядеть:
<a href="2.htm#aaa" target="_blank">Переход к метке ааа (откроется в новом окне)</a>