↑ Вернуться > Основы HTML

Гиперссылки

 

Гиперссылка является чуть ли не самым ценным и удивительным программным средством HTML. Именно она связывает выделенный особым образом фрагмент HTML-документа вашего собственного сайта с чужой Web страницей или с другим фрагментом данного HTML документа. После щелчка на гиперссылке открывается привязанный к ней определённый объект.
Для создания гиперссылок используют парные дескрипторы  <a> и </a> с дополнительным атрибутом href и обязательным указанием имени и пути к привязанному файлу.
Гиперссылкой можно сделать любой фрагмент текста или отдельное слово, картинку, рисунок и т.д. Поэтому гиперссылки делят на текстовые и графические.

Пример текстовых гиперссылок.

< a href=»rum.htm» > Морской вид < /a >

После просмотра данной гиперссылке на экране видно ее подчеркивание. Иногда это очень портит дизайн сайта. Я представлю код по устранению подчеркивания гиперссылки.

Данный код нужно ставить в пределах <head> и </head> до   <body>

Сам код:

<style>
   a {
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   }
  </style>

Гиперссылки, обеспечивающие переход к другим Web страницам.

< a href=»http://www.умные-детки.su» >Сайт для детей и их родителей < /a >

Графическая гиперссылка.
Если гиперссылка создается на базе графического объекта, то сам объект цвет не меняет (в отличии от текстовой ссылки), но при установлении на него пользователем в окне Web браузера указателя мыши последний принимает вид указывающей руки, что сигнализирует зрителю о том, что данный объект является гиперссылкой. Кроме того, при воспроизведении графической ссылки Web браузер заключает это изображение в цветную рамку. Чтобы избавиться от этой рамки, необходимо включить в тело дескриптора <img> атрибут border со значением «0«.
<a href=»http://www.foto.ru»> <img src=»foto.jpg» border=»0″> < /a>

Вот например, представлена текстовая гиперссылка в виде меню

  1. Здоровая еда
  2. Путь к долголетию
    1.  

      Фотосъёмка

      Свадеб
      Love-story

      Ведение бухгалтерского
      учета

      Бухгалтерский учёт

      Сайт о еде.

      Основы питания
      Основы здоровой пищи.

       

      Сайт о еде.

      Основы питания
      Основы здоровой пищи.

      Подготовим документы
      из судебного дела

      Ознакомление дел в суде

      Ведение бухгалтерского
      учета

      Бухгалтерский учёт

       

Отображение всплывающей подсказки для ссылки.

    Для создание красивого и интересного Web сайта, рекомендую создавать для гиперссылки текстовое описание, включающее ее основные характеристики: назначение ссылки и ее существенные особенности. Это описание будит отображаться на экране компьютера пользователя в виде всплывающей подсказки после установления на область гиперссылки указателя мыши. Благодаря представленной в подсказке информации, пользователь сможет быстрее сориентироваться, целесообразно ли ему …

Смотреть страницу »

Создание командной кнопки в качестве ссылки

При желании можно добавить на Web страницу гиперссылку в виде кнопки. Назначение и принцип действия такой кнопки полностью аналогичен работе текстовых и графических гиперссылок, различие заключается только во внешнем виде. Благодаря управляющим кнопкам, можно обеспечить простой путь перехода к другим HTML-документам. Для того, чтобы создать кнопку используют  дескриптор <button> . Чтобы связать кнопку с определенной …

Смотреть страницу »

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *