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

Гіпертекстові посилання призначені для того, щоб пов`язувати текст, зображення або інші елементи сторінок з іншими гіпертекстовими документами. Всі елементи сторінки сайту, включаючи посилання, створюються браузером, який отримує докладні інструкції з присилається йому сервером коду сторінки. Це код на мові HTML (HyperText Markup Language - «мова розмітки гіпертексту») складається з «тегів», які описують тип, зовнішній вигляд і розташування всіх елементів веб-сторінки. Стандартна гіперпосилання створюється браузером, коли він зустрічає в коді сторінки, наприклад, такий тег:Текстова посиланнятут - відкриває тег посилання, - закриває. Хто відкриває тег може містити додаткову інформацію - «атрибути». У цій простій посиланням атрибут href містить адресу сторінки або іншого документа, запит на який буде відправлений, якщо відвідувач клацне по посиланню. Іноді не обов`язково вказувати повну адресу - якщо запитуваний документ лежить на сервері в цій же папці (або вкладеної в неї), то досить вказати тільки його ім`я або шлях до вкладеної папки. Такі адреси називаються «відносними», писати їх слід, наприклад, так:Текстова посиланняПри переході по цьому посиланню буде завантажений документ moreText.html з цієї ж папки. А абсолютні адреси посилань починаються з вказівки протоколу, наприклад:Текстова посиланнятут "http" (HyperText Transfer Protocol - «протокол передачі гіпертексту») це звичайний адресу документа в мережі. А якщо вказати протокол "mailto", То гіперпосилання буде запускати вашу поштову програму, замість переходу на іншу сторінку:email-посиланняУ посиланнях на файли, що лежать на ФТП-сервері вказують, відповідно, протокол FTP (File Transfer Protocol - «протокол передачі файлів»):Посилання на архів

Інший атрибут гіперпосилання, який вказує, в яке вікно слід завантажувати цей новий документ, пишеться як "target". Якщо в атрибут href ви можете вписати будь-правильну адресу, то target може мати лише чотири значення: _self - сторінка треба завантажувати в цей же самий вікно або фрейм. «Фрейм» називають одну частину розділеного на кілька частин вікна-_parent - якщо поточна сторінка сама була завантажена з іншого вікна (або фрейма), то у неї є «батьківське» вікно. А значення _parent вимагає, щоб сторінка, на яку вказує посилання, завантажена була в це батьківське вікно-_top - нову сторінку потрібно завантажувати в цей же вікно. Якщо це вікно розділене на фрейми, то при завантаженні вони будуть знищені, а нова сторінка буде єдиним фреймом в цьому вікні-_blank - для переходу за посиланням буде відкрито окреме вікно-Наприклад:
Посилання відкриється в новому вікні

Існує можливість робити гіперпосилання для переходу не так на іншу сторінку, а на якийсь задану ділянку цього ж документа. Щоб вказати в html-коді документа такий «пункт призначення» використовують посилання-якір: А посилання, прокручувати документ до цього якоря виглядає так:Посилання на перший якір сторінкиМожна посилатися на якорі не тільки в цьому документі, але і в інших:Якір в іншій сторінціЗвичайно в html-коді іншого документа повинна існувати така посилання-якір з атрибутом name ="Якорь1".

Гіперпосиланням може служити не тільки текст, а й інші елементи сторінок - наприклад, картинки. Найпростіший тег, який малює картинку, виглядає так:А щоб картинка стала гіперпосиланням, її слід укласти між відкриває і закриває тегами посилання:

Для того, щоб створювати найпростіші html-сторінки, досить самого звичайного текстового редактора «блокнот». На початкових етапах слід вивчити базові правила створення документів на мові html і запам`ятати хоча б базові теги. Якщо відразу працювати з редакторами, де присутня автопідстановка, то процес запам`ятовування може затягнутися. Однак для того, щоб робота з кодом була більш наочніше, рекомендується використовувати текстові редактори з підсвічуванням тексту, як, наприклад, "Notepad ++".

Почніть з найпростішого прикладу. Створіть для тесту папку з будь-яким зручним для вас назвою і в ньому створіть два файли з розширенням .html - index.html і page.html. Далі в кожному з них пропишіть базовий «каркас», що лежить в основі будь-якої html-сторінки:
заголовок сторінки
*** Тут пишеться основний код сторінки ***
Збережіть зміни в файли.

Відкрийте для редагування файл "index.html" і в місці для розміщення вихідного коду пропишіть наступне:

Посилання на сторінку page
Тут "а" - це тег для формування гіпертекстового посилання. Атрибут "href" - вказує адресу, за якою перейде користувач, клікнувши по створеної посиланням. Це може бути як сторінка в тій же папці, що і основна сторінка, так і будь-який мережевий адресу. Якщо ви вкажете в адресі шлях до будь-якого файлу, то у вас вийде посилання на його скачування, тому що при переході по ній, браузер буде намагатися відкрити файл, а для цього файл потрібно спочатку зберегти.

Вивчіть також додаткові атрибути тега звичайного посилання на документ або файл, також можна створити посилання на створення листи.

наприклад:

DarkHTML - посилання для відправки пошти.

Посилання також може викликати виконання тих чи інших команд на мові javascript.

приклад:

new window посилання відкриє документ в новому вікні розміром 300 * 200