| >>> Зарабатывайте до 30% в месяц Подробнее... |
Как сделать ссылки на другие страницы сайта
Для создания ссылок на другие страницы вашего сайта, или ссылок на другие страницы сайта используется парный тег <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х-страничного
сайта.