Глава пятая - ссылки
Ссылки позволяют связать документ или картинку с другими документами. Перед тем как перейти к их изучению давайте создадим нашу вторую страницу (произвольную):
<html>
<head>
<title>
Моя вторая страница!
</title>
</head>
<body>
Здравствуйте, это моя вторая страница.
Я ее сделал для того чтобы просто связать с помощью ссылки со второй страницей.
А так никакой информационной нагрузки она не несет.
</body>
</html>
Назовем ее к примеру 2.htm
В принципе название можно выбрать любое. Первую же страницу мы назвали index.html не просто так. Дело в том, что когда мы указываем адрес, например http://ruined.narod.ru/, первым загружается документ с именем index.html, поэтому первую страницу так называть обязательно! Остальные же называйте как угодно.
Итак формат ссылки:
</a href="путь">Текст ссылки</a>
Итак у нас второй документ лежит в той же папке что и главная страница, поэтому ее путь будет просто названием файла документа. Давайте во втором нашем документе сделаем ссылку на первый:
<html>
<head>
<title>
Моя вторая страница!
</title>
</head>
<body>
Здравствуйте, это моя вторая страница.
Я ее сделал для того чтобы просто связать с помощью ссылки со второй страницей.
А так никакой информационной нагрузки она не несет.
<br>
<a href="index.htm">На главную</a>
</body>
</html>
Вот вы и научились делать ссылки :)) пример
Ссылкой может быть и картинка. Давайте сделаем картинку на нашей главной странице ссылкой на вторую. Для этого нам нужно чтобы наша картинка стояла между <a href="index.htm"> и </a>.
Для этого на вашей главной странице нужно перед <img src="ava20.gef"> поставить <a href="index.htm">, а после </a>, т.е. код такой:
<html>
<head>
<title>
Моя первая страница!
</title>
</head>
<body>
<a href="2.html"><img src="ava20.gif" align="left"></a>
<p align="justify">
<font color="lime" size="+2"> Здравствуйте, это моя первая страница. </font><br>
Я ее сделал сам! Добро пожаловать!<br>
Как здорово что теперь я могу сделать свою страницу в интернете, теперь мои друзья могут зайти на сайт и почитать обо мне. <br>
Пусть все думают что я клевый программер.
</p>
</body>
</html>
Теперь у нас обе страницы связаны ссылками: пример
Параметры ссылок:
target="_blank" - ссылка открывается в новом окне
title="текст подсказки" - текст подсказки, если навести курсор мыши на ссылку
Ссылка может быть не только на хтмл-документ, но и на картинку или любой другой файл. Если ссылка на картинку, то в окно загрузится просто картинка. Если ссылка например на архив в формате rar или zip, то браузер предложит сохранить обьект на ваш жесткий диск (загрузить). Если вы хотите предложить посетителю вашего сайта скачать что-либо, то при создании ссылки прописывайте у нее параметр target="_blank" обязательно, иначе файл то загрузится, но окно с вашим сайтом закроется, т.к. оно перейдет в окно загрузки.
Глава шестая
|
