Домой / Html учебник / 7 Урок. Ссылки в HTML

7 Урок. Ссылки в HTML

Думаю Вы знаете, что на любом сайте есть возможность переходить с одной страницы на другую. Это и есть ссылки . И их делают как раз на HTML. В этом уроке Вы научитесь сами делать ссылки: на другие страницы Вашего сайта или на другие сайты.

Что такое ссылка в html?

Обычные ссылки имеют вид:

Как выглядит ссылка?

Как сделать ссылку:

<A HREF="url"> - тэг для ссылки. Имеет закрывающий тэг </a> .

Если мы хотим сделать ссылку внутри сайта, то в кавычках пишем url страницы (название), на которую должна вести ссылка.

Например, у нас есть две страницы - page1.html и page2.html , при чем расположены они в одной папке. Чтобы поставить ссылку с page1.html на page2.html, на странице page1.html пишем ссылку:

<a href="page2.html"> ссылка на вторую страницу </a>

Как видите, в ссылке мы написали название второй страницы, обязательно с разрешением .html . Если страница page2.html лежит в подпапке, например papka, то запись будет такой:

<a href="papka/page2.html"> ссылка на вторую страницу </a>

Если же страница page2.html, наоборот, лежит на уровень выше, тогда запись будет такой:

<a href="../page2.html"> ссылка на вторую страницу </a>

../ говорит о том, что страница, на которую мы ссылаемся, находится на уровень выше.

Абсолютная и относительная ссылки

Чуть выше мы с Вами разобрали пример относительной ссылки.

В относительно ссылке мы прописываем ссылку на страницу, в зависимости от того, где она находится по отношению к текущей странице. А в абсолютной - уже полный адрес.

Посмотрим разницу между абсолютной и относительной ссылками:

Относительная ссылка - <a href="page2.html">

Абсолютная ссылка - <a href="http://www.sajt.ru/page2.html">

То есть в абсолютной мы уже указываем конкретное место страницы, вместе с названием сайта.


Как сделать ссылку на другой сайт?

Ссылка на другой сайт (или на любую страницу другого сайта) считается абсолютной и прописывается так:

<a href="http://www.lipen.ru"> ссылка на сайт Lipen.ru </a>

В браузере это будет выглядеть так:

Ссылка на другой сайт в 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:

<a href="http://www.Lipen.ru"><font color="yellow">Ссылка на сайт</font> </a>

Примечание: Заметьте, не обязательно, чтобы сайт писался с большой буквы. Например, можно написать не Lipen, а lipen. Это будет то же самое.

Заключение

Ну вот, самое основное о ссылках я Вам поведал. Поэкспериментируйте сами, поизменяйте цвета, и т. д. И переходите на следующий урок - 8 Урок. Списки в HTML

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *