Как сделать ссылки на другие страницы сайта

Для создания ссылок на другие страницы вашего сайта, или ссылок на другие страницы сайта используется парный тег <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>

Ссылки, содержащие полный путь к файлу называются абсолютными.

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