HTML. Делаем ссылки.

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

атрибут href тега <a>...</a>
1. <a href="kartinki.php">Вставляем картинки </a>
2. <a href="https://www.spylog.ru/">Счетчик для сайта</a>
     Рассмотрим случай 1. Тег <a>...</a> делает ссылкой заключенную в него фразу: "вставляем картинки". При этом, мы ссылаемся на страничку kartinki.html. Но, это в случае, если наша страничка kartinki.html находится в той же директории ( папке ), что и наша главная страничка index.html. Если же наша страничка находится в поддиректории, допустим, в папке photos, то тогда наш случай приобретает следующий вид:<a href="photos/kartinki.html"> Вставляем картинки</a>. Тут важно понять, что все что находится в кавычках, и есть наш путь к другой страничке.
     Рассмотрим случай 2. Смысл тот же, но уже ссылаемся мы не на внутреннюю, а на внешнюю страничку, т.е. на другой сайт.

Пример:

<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Внутренняя ссылка:<br>
<a href="kartinki.php">Вставляем картинки </a><br>
Ссылка на другой сайт <br>
<a href="https://www.spylog.ru/">Счетчик для сайта</a>
</body>
</html>
 

Результат:

Внутренняя ссылка:
Вставляем картинки
Ссылка на другой сайт
Счетчик для сайта
 

     Ссылкой может быть и картинка.Только вставляется не текст, а картинка.
1. <a href="poiskoviki.php"><img src="images/21342341.gif "></a>
2. <a href="http://www.yandex.ru/"><img src="images/21342341.gif "></a>

Пример:

<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Внутренняя ссылка:<br>
<a href="poiskoviki.php"><img src="images/21342341.gif "></a><br>
Ссылка на другой сайт <br>
<a href="http://www.yandex.ru/"><img src="images/21342341.gif "></a>
</body>
</html>

 

Результат:

Внутренняя ссылка:

Ссылка на другой сайт

 

 Смотрите также:

     Открытие ссылки в новом окне.

Загрузка...