Web Builder
Введение в HTML
Выбор хостинга
Раскрутка сайта
О зароботке в сети
Webmoney & E-gold
Партнерские програмы
Показ баннеров
Практика вебмастера
Файловый архив
Графика для сайта
Готовые JavaScripts
Карта сайта
Услуги
Форум
Гостевая книга
On-Line учебник по HTML - Ссылки | С чего начинать? |
| Работа с текстом |
| Цвет и фон |
| Изображения |
| Изображения-карты |
| Ссылки |
| Стили (CSS) |
| Мета-теги |
| Таблицы |
| Списки |
| Формы |
| Горизонтальные линии |
Теперь пора поговорить о ссылках. Наша страничка может состоять из нескольких документов. Один из них главный (это - index.html или main.html) - он открывается первым и должен обязательно лежать на вашем сайте в интернете.
Остальные документы вы можете называть как угодно (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). Они все могут лежать в одной директории (папке), а могут в разных.
Ссылкой на эти другие документы (части нашей страники) может быть текст (фраза,слово), а может быть и картинка. На этой ступеньке мы рассмотрим только текстовую ссылку.
Для начала создадим новый документ (в нашем примере prf.html) в той же директории (папке), где находится наш главный документ index.html. Содержание документа выдумайте сами, у вас для этого уже достаточное знание. Пусть prf.html - документ с вашими фотографиями. Тогда мы можем без зазрения совести фразу "посмотреть мои фотографии" сделать ссылкой на prf.html:
<a href="index.html">Главная страница</a>
Тэг <a></a> делает ссылкой заключенную в него картинку или фразу (текст).
(1) - <a href="../index.html">Главная</a>
(2) - <a href="photos/prf.html">мои фотографии</a>
(3) - <a href="http://infoagel2007.narod.ru/htmlpage.html">Учебник HTML</a>
В случае (1) документ лежит на один уровень директорий (папка) назад, что и документ, в случае (2) документ лежит в поддиректории /photos, в случае (3) мы ссылаемся на сайт http://infoagel2007.narod.ru/, где лежит нужный нам документ.
Как видите все просто. Но есть один фактор, который нам нужно учесть: цвет ссылки нужно прописывать, а иначе по умолчанию он будет просто безобразным, поэтому вспомним об открывающем тэге боди:
link - цвет ссылки, alink - цвет активной ссылки (нажатой), vlink - цвет уже посещенной ссылки. В нашем примере цвета одинаковые, но они могут быть разными, также не карается законом, если цвет ссылки такой же как цвет текста документа (ссылка же выделяется чертой). Итак пропишем цвета для ссылки и саму ссылку в нашем документе:
Ничего хитрого. Тeперь нам следует запомнить то, что ссылка на ваш почтовый ящик прописывается так:
<a href="mailto:defri@yandex.ru"> pochta@mail.ru - пишите письма </a> (прим.)
Запомните это раз и навсегда и не пытайтесь ее прописать по другому. Ссылка на документ, картинку или файл - одно дело, а ссылка на почтовый ящик - другое (да, но цвета всех ссылок в документе одинаковые:).
Почтовая гиперссылка имеет несколько параметров (не обязательных):
?subject - Тема пиcьма
&Body - Текст вашего сообщения
&cc - Копии письма через запятую
&bcc - Скрытые копии письма через запятую
title="Выпадающая подсказка" Ставиться по желанию и распологаеться отдельно от параметров почтовой ссылки.
Вот несложный пример:
| Написать письмо |
Если в качестве ссылки вы хотите еспользовать рисунок, то код будет выгледить так:
 |
 |
 |