Создание ссылок на другие страницы сайта

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

Ссылка может вести так же и на другой сайт или ресурс. В случае, если это страница нашего сайта – она должна находится на нашем сайте.

Допустим, у вас на сайте есть интернет-страничка kontakti.html. Чтобы сделать ссылку на эту страницу, нужно написать вот такой код:

<a href="kontakti.html">Контакты</a>

Параметр href= используется для указания адреса страницы, а текст, написанный между тегами a и /a осуществляет переход по ссылке. Так же вместо текста можно использовать любую картинку, банер и тд.
Давайте на примере нашего прошлого урока составим ссылки на сайт:

<html>

<head>

<title> Мой первый сайт созданный своими ручками всего за 5 минут

</title>

</head>

<body bgcolor="#f01111" text="#ffff00"> <center>

<font color="#0000ff" size="5"><b>Я научился раскрашивать текст!!!</b></font><br>

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

<br><br><br>

<a href="http://readymoney.ru"><img src="Readymoney.jpg" width="299" height="117" alt="Сайт о заработке в интернете"></a>

<br><br>

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

</center>

</body>

</html>


Теперь наша интернет-страничка стала выглядеть так.

Отображение картинки на нашей страничке в некоторых браузерах будет с бордюром. Если вам не нравится и хочется убрать этот эффект, нужно установить параметр border="0"

<img src="Readymoney.jpg" width="299" height="117" alt="Сайт о заработке в интернете" border="0">

Ну и для того чтобы ссылка открылась в новом окне, мы используем еще один параметр в теге a:

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

Теперь код нашей странички стал выглядеть таким образом:

<html>

<head>

<title> Мой первый сайт созданный своими ручками всего за 5 минут

</title>

</head>

<body bgcolor="#f01111" text="#ffff00"> <center>

<font color="#0000ff" size="5"><b>Я научился раскрашивать текст!!!</b></font><br>

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

<br><br><br>

<a href="http://readymoney.ru" target="_blank"><img src="Readymoney.jpg" width="299" height="117" alt="Сайт о заработке в интернете" border="0"></a>

<br><br>

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

</center>

</body>

</html>


У вас должно получиться так.

Таким образом можно делать ссылки на страницы сайта и на другие сайты, а так же ссылки на файлы, картинки и прочее.

Появились вопросы - обращайтесь.


К следующему уроку создание таблиц


Вернуться к уроку меняем размер шрифта


Вернуться к статьям о заработке в интернете.


Если понравилась статья, буду признателен, если воспользуетесь кнопочками:



Подписаться на новости





Яндекс.Метрика