Думаю Вы знаете, что на любом сайте есть возможность переходить с одной страницы на другую. Это и есть ссылки . И их делают как раз на HTML. В этом уроке Вы научитесь сами делать ссылки: на другие страницы Вашего сайта или на другие сайты.
Что такое ссылка в html?
Обычные ссылки имеют вид:
Как сделать ссылку:
<A HREF="url"> - тэг для ссылки. Имеет закрывающий тэг </a> .
Если мы хотим сделать ссылку внутри сайта, то в кавычках пишем url страницы (название), на которую должна вести ссылка.
Например, у нас есть две страницы - page1.html и page2.html , при чем расположены они в одной папке. Чтобы поставить ссылку с page1.html на page2.html, на странице page1.html пишем ссылку:
Как видите, в ссылке мы написали название второй страницы, обязательно с разрешением .html . Если страница page2.html лежит в подпапке, например papka, то запись будет такой:
Если же страница page2.html, наоборот, лежит на уровень выше, тогда запись будет такой:
../ говорит о том, что страница, на которую мы ссылаемся, находится на уровень выше.
Абсолютная и относительная ссылки
Чуть выше мы с Вами разобрали пример относительной ссылки.
В относительно ссылке мы прописываем ссылку на страницу, в зависимости от того, где она находится по отношению к текущей странице. А в абсолютной - уже полный адрес.
Посмотрим разницу между абсолютной и относительной ссылками:
Относительная ссылка - <a href="page2.html">
Абсолютная ссылка - <a href="http://www.sajt.ru/page2.html">
То есть в абсолютной мы уже указываем конкретное место страницы, вместе с названием сайта.
Как сделать ссылку на другой сайт?
Ссылка на другой сайт (или на любую страницу другого сайта) считается абсолютной и прописывается так:
В браузере это будет выглядеть так:
Как изменить цвет ссылки?
Ссылкам тоже можно придавать любой цвет. Ссылки бывают:
LINK - обычная ссылка;
ALINK - активная ссылка (ссылка в момент нажатия);
VLINK - посещенная ссылка (ссылка, которую уже посетили.
Атрибуты для тэга <BODY>:
LINK="цвет" - задает цвет всем обычным ссылкам, которые находятся на странице;
ALINK="цвет" - задает цвет всем ссылкам на странице в момент нажатия;
VLINK="цвет" - задает цвет всем посещенным ссылкам на странице.
Посмотрим, как это записать:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> Моя первая страничка </TITLE>
</HEAD>
<body link="red" alink="green" vlink="black">
Теперь обычные ссылки будут красными, ссылки в момент нажатия будут зелеными, а посещенные ссылки станут черными.
</body>
</html>
А если при всем при этом нам нужно, чтобы какая то одна ссылка стала другого цвета, несмотря на то, что мы уже задали все цвета в body , тогда приписываем тексту уже нам знакомый font:
Примечание: Заметьте, не обязательно, чтобы сайт писался с большой буквы. Например, можно написать не Lipen, а lipen. Это будет то же самое.
Заключение
Ну вот, самое основное о ссылках я Вам поведал. Поэкспериментируйте сами, поизменяйте цвета, и т. д. И переходите на следующий урок - 8 Урок. Списки в HTML