Як зробити гіперпосилання на сайті

Як зробити гіперпосилання на сайті

Гіперпосилання — це основа, на якій побудована структура мережі інтернет. Саме ці елементи інтернет-сторінок дозволяють зв’язувати сторінки сайтів в єдину мережу. Розглянемо детальніше, як вставляються гіперпосилання в документи.

Інструкція

  1. Гіпертекстові посилання призначені для того, щоб пов’язувати текст, зображення або інші елементи сторінок з іншими гіпертекстовими документами. Всі елементи сторінки сайту, включаючи посилання, створюються браузером, який отримує докладні інструкції з надсилає йому сервером коду сторінки. Це код на мові HTML (HyperText Markup Language — «мова розмітки гіпертексту») складається з «тегів», які описують тип, зовнішній вигляд і розташування всіх елементів веб-сторінки. Стандартна гіперпосилання створюється браузером, коли він зустрічає в коді сторінки, наприклад, такий тег:

    <a href=»URL»> Текстове посилання </ a>

    Тут <a href=»URL»> — відкриває тег посилання, </ a> — закриває. Відкриває тег може містити додаткову інформацію — «атрибути». У цій простій посиланням атрибут href містить адресу сторінки або іншого документа, запит на який буде відправлений, якщо відвідувач клацне по посиланню. Іноді не обов’язково вказувати повну адресу — якщо запитуваний документ лежить на сервері в цій же папці (або вкладеної в неї), то досить вказати лише його ім’я або шлях до вкладеної папки. Такі адреси називаються «відносними», писати їх слід, наприклад, так:

    <a href=»moreText.html»> Текстове посилання </ a>

    При переході по цьому посиланню буде завантажений документ moreText.html з цієї ж папки. А абсолютні адреси посилань починаються з вказівки протоколу, наприклад:

    <a href=»http://site.ru/moreText.html»> Текстове посилання </ a>

    Тут «http» (HyperText Transfer Protocol — «протокол передачі гіпертексту») це звичайний адресу документа в мережі. А якщо вказати протокол «mailto», то гіперпосилання буде запускати вашу поштову програму, замість переходу на іншу сторінку:

    <a href=»mailto:mailto:moiAdr@site.ru»> email-посилання </ a>

    У посиланнях на файли, що лежать на ФТП-сервері вказують, відповідно, протокол FTP (File Transfer Protocol — «протокол передачі файлів»):

    <a href=»ftp://site.ru/file.rar»> Посилання на архів </ a>
  2. Інший атрибут гіперпосилання, що вказує, в яке вікно слід завантажити цей новий документ, пишеться як «target». Якщо в атрибут href ви можете вписати будь правильну адресу, то target може мати лише чотири значення:

    _self — сторінка треба завантажувати в цей же самий вікно або фрейм. «Фрейм» називають одну частину розділеного на кілька частин вікна;

    _parent — якщо поточна сторінка сама була завантажена з іншого вікна (або кадру), то в неї є «батьківське» вікно. А значення _parent вимагає, щоб сторінка, на яку вказує посилання, завантажена була в цей батьківське вікно;

    _top — нову сторінку потрібно завантажувати в це ж вікно. Якщо це вікно розділене на фрейми, то при завантаженні вони будуть знищені, а нова сторінка буде єдиним фреймом в цьому вікні;

    _blank — для переходу за посиланням буде відкрито окреме вікно;

    Наприклад:

    <a href=»moreText.html» target=»_blank»> Посилання відкриється в новому вікні </ a>
  3. Існує можливість робити гіперпосилання для переходу не на іншу сторінку, а на якийсь заданий ділянку цього ж документа. Щоб вказати в html-коді документа такий «пункт призначення» використовують посилання-якір:

    <a name=»Якорь1″> </ a>

    А посилання, прокручувати документи до цього якоря виглядає так:

    <a href=»#Якорь1″> Посилання на перший якір сторінки </ a>

    Можна посилатися на якоря не тільки в цьому документі, але і в інших:

    <a href=»http://site.ru/moreText.html#Якорь5″> Якір в іншій сторінці </ a>

    Звичайно в html-коді іншого документа повинна існувати таке посилання-якір з атрибутом name = «Якорь1″.
  4. Гіперпосиланням може служити не тільки текст, але й інші елементи сторінок — наприклад, картинки. Найпростіший тег, який малює картинку, виглядає так:

    <img src=»picture.gif» />

    А щоб картинка стала гіперпосиланням, її слід укласти між відкриває і закриває тегами посилання:

    <a href=»moreText.html»> <img src=»picture.gif» /> </ a>

Зверніть увагу

Вписувати теги у файли html-сторінок можна в простому текстовому редакторі, наприклад — в стандартному блокноті. А якщо ви використовуєте будь-яку систему управління сайтом, то можете редагувати сторінки прямо в браузері. Вам потрібно тільки знайти в панелі управління сайти редактор сторінок.

Корисні поради

У тега гіперпосилання є й інші атрибути, наприклад, hreflang, type, rel, rev, charset і деякі інші. Вони використовуються для вузькоспеціальних цілей, а щоб просто вставити гіперпосилання в документ використовувати ці атрибути не потрібно.