<<Темы

Урок 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>


<<Урок 3 ^ наверх ^ Задание №4Урок 5>>