как сделать ссылку html

• Главная

как сделать ссылку html

Ссылки.

Что мы знаем о ссылках,знаем что по ним можно щелкать и переходить,теперь узнаем как же связать две и более страниц при помощи ссылок

• Введение. Создание обычной гипперссылки.
• Графический файл в роли ссылки.
• Ссылка на e-mail.
• Закладки.
• Ссылки и цвет.
  
  

  Введение. Создание обычной гипперссылки.

  Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:

  <a href="url" target="Окно" title="Подсказка">Название ссылки</a>

  Параметры элемента <A> представлены в таблице:

  href	URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html).
  target	Oпределяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: _top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). _blank - загружает гиперссылку в новом окне браузера. _self – загружает содержимое страницы, в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать). _parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов.
  title	Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный.

  Для примера я создал ссылку на документ 002.htm под рисунком (смотрите ниже). Предпологаеться, что оба документа находяться в одной папке.

  <p align="center"> <img border="0" src="015.jpg" Width="520" Height="390" alt="Мой рисунок"><br> <a href="002.htm" target="self" title="Пример ссылки">LINK</a> </p>

  Щелкнув на ссылку откроеться другой документ, в данном случае 002.htm.

  
  

  Графический файл в роли ссылки.

  Гиперссылко можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):

  <a href="URL" target="Окно">
  <img border="0" src="Рисунок" width="Ширина" height="Высота" title="Подсказка>
  </a>

  
  

  Ссылка на e-mail.

  Вы можете также создать ссылку на e-mail, в это случае нужно в качестве URL’a прописать следующее:
  mailto:адрес электронной почты
  Например:
  <a href="cheloveg-pauk@mail.ru">Мое мыло</a>

  Почтовая гиперссылка имеет несколько параметров (не обязательных): ?subject - Тема пиcьма &Body - Текст вашего сообщения &cc - Копии письма через запятую &bcc - Скрытые копии письма через запятую title="Выпадающая подсказка" Ставиться по желанию и распологаеться отдельно от параметров почтовой ссылки (смотрите расположение кавычек на примере ниже). <a href="cheloveg-pauk@mail.ru ?subject=Поздравление &Body=text &cc=copy@mail.ru &bcc=hidden_copy@mail.ru" title="Пример почтовой гиперссылки">Мое мыло</a>

  Щелкнув на такую ссылку, откроется окно почтовой программы пользователя с уже заполнеными полями. Останется только написать письмо и отправить.

  
  

  Закладки.

  Иногда возникает вопрос: как сделать ссылку на определенное место в том же или в другом документе? Чтобы нажав по какой-нибудь ссылке можно было попасть в определенное место данного документа. Вот в этом нам и помогут закладки.

  Ссылка на закладку в том же документе имеет следующий вид:
  <a href="#Имя закладки">Название раздела</a>

  А так выглядит ссылка на закладку в другом документе:
  <a href="Имя документа#Имя закладки">Название раздела</a>

  Сама закладка будет такой:
  <a name="Имя закладки"></a>

  Щелкнув на Название раздела пользователь будет попадать на определенную Вами закладку. Вверху данной страницы находится содержание, оформленное как ссылки на определенные закладки, находящиеся в этом же документе.

  
  

  Ссылки и цвет.

  Для того, чтобы при наведении на ссылку курсором и при клике она меняла свой цвет в тег <body> нужно добавить еще несколько параметров.

  text - цвет текста.
  link - цвет ссылки.
  vlink - цвет пройденой ссылки.
  alink - цвет активной ссылки, когда подводиться к ней курсор.

  <bodytext="black" link="blue" vlink="purple" alink="red">

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