Как на сайте сделать переход по ссылке

Добавлено: 23.01.2018, 18:45 / Просмотров: 81135

Закрыть ... [X]

Для создания ссылок на другие страницы вашего сайта, или ссылок на другие страницы сайта используется парный тег <a> с параметром, где указывается куда будет произведен переход в случае нажатия на ссылку.

 

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

Разберем на примерах.

если у вас на сайте есть страничка, рассказывающая о себе, например o-sebe.html, то для того чтобы сделать ссылку на эту страницу, надо написать так :

<a href="o-sebe.html">О себе</a>

В параметре href= мы написали адрес страницы, а между тегами <a> и </a> мы должны написать текст, нажав на который произойдет переход по ссылке.

Вместо текста может быть любая картинка. Тогда нажав на картинку также будет сделан переход по ссылке.

Вернемся к нашему предыдущему примеру и добавим ссылки на этот сайт, вот так

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body bgcolor="#00CCFF" text="#FFFF00">

<center>

Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>

<br><font color="#0000FF" size="4"><b>я буду богатым и свободным человеком!</b></font>

<br><br>

<a href="http://moneymaster.ru"><img src="money-master.jpg"></a>

<br><br>

<a href="http://moneymaster.ru">Сайт о том как зарабатывать в интернете</a>

</center>

</body>

</html>

Теперь наша страница будет выглядеть ТАК.

В некоторых браузерах, например в интернет эксплорере, вокруг картинки будет нарисован бордюр. Чтобы убрать этот эффект, нужно указать что у картинки не должно быть бордюра. Делается это так

<img src="money-master.jpg" border="0">

Если вы хотите чтобы ссылка открывалась в новом окне, то надо дописать еще один параметр в тег <a>

<a href="http://moneymaster.ru" target="_blank">

(Внимание. Если у вас установлен тулбар, блокирующий всплывающие окна, или ваш антивирус настроен так, чтобы блокировать всплывающие окна, то новое окно у вас не откроется или будет мгновенно закрыто.)

Итого, код нашей страницы будет вот такой

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body bgcolor="#00CCFF" text="#FFFF00">

<center>

Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>

<br><font color="#0000FF" size="4"><b>я буду богатым и свободным человеком!</b></font>

<br><br>

<a href="http://moneymaster.ru"><img src="money-master.jpg" border="0"></a>

<br><br>

<a href="http://moneymaster.ru" target="_blank">Сайт о том как зарабатывать в интернете</a>

</center>

</body>

</html>

А итоговая страница будет выглядеть ТАК.

 

Некоторые спрашивают. А как сделать ссылку на файл? Точно так-же как и другие ссылки, только указывая в назначении имя файла. Например

<a href="popsa.mp3">Скачать песню Киркорова</a>

<a href="arhiv.rar">Скачать программу</a>

при условии, что файлы находятся в той-же папке где и html-файл

 

А если в другой папке?

Тоже решаемо. Например так

<a href="soft/arhiv.rar">Скачать программу</a>, если файл arhiv.rar находится в папке soft относительно страницы с главной директории сайта. Т.е. мы "говорим", что надо сначала зайти в директорию soft, а из нее взять файл arhiv.rar

или так

<a href="../katalog.html">назад в каталог</a>, если надо перейти на страницу, которая находится в вышестоящем каталоге, например если файл katalog.html находится в главной директории вашего сайта, а страница с которой вы делаете на него ссылку находится в папке soft. Запись ../ означает возврат в предыдущий каталог, на уровень выше. Такая запись является стандартом еще со времен появления компьютера. Т.е. <a href="../katalog.html">назад в каталог</a> означает выйти в директорию уровнем повыше и открыть в нем файл katalog.html

Если у вас есть 2 директории в главной директории вашего сайта, и вам надо сделать ссылку из файла находящегося в одной директории на файл в другой директории, то делается типа так

<a href="../soft/soft.html"> т.е. сначала даем понять, что надо выйти в вышестояющую ссылке директорию (../), а затем войти в папку soft и в ней открыть файл soft.html

Все это примеры относительных ссылок, т.е. ссылки относительно страницы с которой делается ссылка.

Или указывайте полный путь как на сайте сделать переход по ссылке к файлу. Т.е. с http://
Например, <a href="http://moneymaster.ru/katalog.html">Каталог</a>
Ссылки, содержащие полный путь к файлу называются абсолютными.

Но в таком случае работу сайта можно будет проверить только когда он выложен на сервер и у вас подключен интернет.

 


Урок 8. Таблицы. Как делать таблицы. Параметры таблиц.
Урок 9. Пример создания 2х-страничного сайта.

Если вам понравилась статья, нажмите пожалуйста на кнопки!
Это будет лучшее спасибо.

Нравится

Также можете добавить комментарий (СПАМ ЗАПРЕЩЕН! Даже не пытайтесь. + пожизненный бан):
Источник: http://moneymaster.ru/site7.php


Поделись с друзьями



Рекомендуем посмотреть ещё:



Как сделать ссылки на другие страницы Как нужно сделать чтобы не храпеть


Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке Как на сайте сделать переход по ссылке

ШОКИРУЮЩИЕ НОВОСТИ


Back to Top