Гіперпосилання — наріжний елемент мови HTML (HyperText Markup Language — «мова розмітки гіпертексту»). Власне, мова цей був би не потрібен, якщо б не було можливості за допомогою перехресних посилань зв’язувати в єдину мережу сторінки документів, розміщені в різних місцях. Як вставляти посилання в html-код сторінок вашого сайту ми і розглянемо детальніше.
Інструкція
- Посилання, разом з усіма іншими елементами сторінок, відтворюються браузером на основі одержуваного від сервера набору описів цих елементів. Ці описи представлені у вигляді html-інструкцій, що описують типи, зовнішній вигляд і розташування кожної картинки, посилання, текстового поля, списку і т.д. Ці інструкції називають «тегами». Тег, що описує заслання, в html-коді виглядає так:
<a href=»http://mySite.ru/simplePage.html»> Проста посилання </ a>
<a href=»http://mySite.ru/simplePage.html»> — відкриває тег посилання, потім йде текст посилання, а потім закриває тег </ a>
Додаткова інформація про зовнішній вигляд і властивості посилання поміщається в її відкриває тег і називається «атрибутами». Зокрема атрибут href містить адресу, за якою повинен бути відправлений запит на сторінку або будь-який інший документ, при натисканні відвідувачем цієї гіперпосилання. Адреса в такому вигляді (що починається з «http») називають «абсолютним». Не завжди обов’язково вказувати повний інтернет-адреса — якщо запитувана сторінка знаходиться на тому ж сервері і в тій же (або вкладеної) папці, то достатньо тільки імені файлу сторінки або шляху до вкладеної папки. Ці адреси називають «відносними», і виглядають вони, наприклад, так:
<a href=»simplePage.html»> Проста посилання </ a> - Тобто, щоб додати посилання в яку небудь сторінку, вам слід відкрити її html-код і вписати в потрібніше місце відповідний тег.
Якщо ви можете оперувати з файлом, що містить код сторінки у себе на комп’ютері, то для цього буде достатньо будь-якого текстового редактора, наприклад стандартного Блокнота. А якщо сайт адмініструється за допомогою будь-якої системи управління, то в ній обов’язково є редагувати редактор сторінок. У цьому випадку ви можете змінювати код сторінки прямо в браузері, треба тільки знайти в панелі керування цей редактор і відкрити в ньому потрібну сторінку. Залежно від використовуваної системи управління, редактор може мати додатково режим візуального редагування — WYSIWYG (What You See Is What You Get — «що бачиш, те й отримаєш»). У цьому випадку «вручну» редагувати html-код не знадобиться. Сторінка в цьому режимі редагування виглядає так само, як і на сайті — достатньо знайти на ній потрібне вам місце для посилання, написати текст, виділити його і, натиснувши відповідну кнопку на панелі редактора, вписати адресу посилання. - У теге посилання можна, крім адреси, зазначати і іншу інформацію, що повідомляє браузеру, як слід змінити її зовнішній вигляд і поведінку. Частіше за інших буває необхідно вказувати атрибут target — він містить інформацію про те, в яке вікно слід завантажити нову сторінку. Існує чотири значення:
_blank — для відкриття документа, зазначеного посиланням, браузер повинен створювати окреме вікно;
_self — документ слід завантажити в цей же самий вікно або фрейм. «Фрейм» — частина вікна браузера, якщо ця сторінка ділить вікно на декілька частин;
_parent — якщо сторінка з посиланням була завантажена з іншого вікна (або кадру), то у не є «батьківське» вікно. У цьому випадку новий документ повинен бути завантажений браузером в батьківське вікно;
_top — новий документ слід завантажувати в це ж вікно, поверх будь-яких фреймів (якщо є);
Наприклад:
<a href=»simplePage.html» target=»_blank»> Посилання буде відкрита в новому вікні </ a>