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