Як зробити посилання

```html

Влад Мержевич

Для створення посилання потрібно повідомити браузеру, що це посилання, а також вказати адресу документа, на який слід зробити посилання. Обидва дії виконуються за допомогою тегу <a>, який має єдиний обов'язковий атрибут href. Як значення використовується адреса документа (URL).

Адреса посилання може бути абсолютною або відносною. Абсолютні адреси працюють скрізь і всюди незалежно від імені сайту або веб-сторінки, де прописане посилання. Вони починаються з вказання протоколу передачі даних. Так, для веб-сторінок це зазвичай HTTP (HyperText Transfer Protocol, протокол передачі гіпертексту), відповідно, абсолютні посилання починаються з ключового слова http:// (приклад 1).

Приклад 1. Використання абсолютних посилань

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Абсолютне посилання</title>
 </head>
 <body>
  <p><a href="http://www.yandex.ru">Пошукова система Яндекс</a></p>
 </body>
</html>

Відносні посилання будуються відносно поточного документа або адреси.

Приклади відносних адрес

/
/demo/ Ці два посилання називаються неповними і вказують веб-серверу завантажувати файл index.html (або default.html), який знаходиться в корені сайту або папці demo. Якщо файл index.html відсутній, браузер, як правило, показує список файлів, що знаходяться в даному каталозі.

/images/pic.gif Слеш перед адресою говорить про те, що адресація починається з кореня сайту. Посилання веде на малюнок pic.gif, який знаходиться в папці images, а ця папка, в свою чергу, розміщена в корені сайту.

../help/me.html Дві крапки перед ім'ям вказують браузеру перейти на рівень вище в списку каталогів сайту.

manual/info.html Якщо перед ім'ям папки немає жодних додаткових символів, наприклад, крапок, то вона розміщена всередині поточного каталогу (приклад 2).

Приклад 2. Використання відносних посилань

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Відносне посилання</title>
 </head>
 <body>
  <p><a href="images/xxx.jpg">Подивіться на моє фото!</a></p>
  <p><a href="tip.html">Як зробити таке ж фото?</a></p>
 </body>
</html>

Іноді можна зустріти в адресі посилання шлях у вигляді ./file/doc.html. Точка зі слешем (символ /) означає, що рахунок ведеться від поточної папки. Подібний запис зайвий і його можна скоротити до file/doc.html.

посилання
``` SEO текст: "Навчання створення посилань на веб-сторінках. Розбір абсолютних та відносних адрес. Приклади використання тегів для посилань. Дізнайтеся, як правильно вказувати адреси документів у HTML."

Часті запитання