ПОСИЛАННЯ
Способи задання посилань, які я знаю
<a href="#A1">Текст посилання</a> - перехід до заголовку із id="A1" на цій сторінці
<a href="#A2">Текст посилання</a> - перехід до якоря (посилання) із атрибутом name="A2" на цій сторінці
<a href="#top">Переход к якорю B2</a> - Переход к якорю B2
<a href="HTML_forms.html">Текст посилання</a> - посилання для переходу на сторінку в поточному каталозі
<a href="http://www.google.com">Текст посилання</a> - посилання для переходу на веб-ресурс
<a href="../spory/nav_html.html">Текст посилання</a> - посилання для переходу до попереднього каталогу (в якому знаходиться поточний каталог)
<a href="mailto:natu2501@gmail.com">Текст посилання</a> - посилання на почту
<a href="mailto:natu2501@gmail.com?subject=Тема повідомлення">Текст посилання</a> - посилання на почту зі вказаною темою повідомлення
<a href="tel:+49001110000">Текст посилання</a> - посилання на виклик за вказаним номером телефону
<a href="img/fl.jpg">Текст посилання</a> - посилання на зображення
<a href="img/fl.jpg" download>Текст посилання</a> - завантажує зображення (HTML5)
<a href="http://www.google.com" target ="_blank">Текст посилання</a> - це посилання відкриється в новому вікні
<a href="http://www.google.com" target ="_self">Текст посилання</a> - це посилання відкриється в поточному вікні
<a href="http://www.google.com" target ="_parent">Текст посилання</a> - це посилання завантажиться так само як завантажувався батьківський файл,
але* якщо фреймів немає, то значення працює як "_self"
<a href="HTML_media.html" target ="here">Текст посилання</a> - це посилання відкриється у фреймі справа
<a href="http://www.google.com" target ="_top">Текст посилання</a> - це посилання буде відкриватися як найперший батьківський файл. Якщо батьківських файлів немає, то поведінка аналогічна _self
Посилання через зображення
Щоб подивитися синтаксис, навести на зображення
посилання зображенням
карта зображення це активна область на зображенні, що якляється посиланням на інші HTML документи
карта зображення із заданою областю-посиланням - shape - форма області: circle - коло | default - вся область| poly - багатокутник| rect - прямокутник
Атрибути посилань
<body link="blueviolet" vlink="darkslategray" alink="salmon">
спеціальні атрибути тега body, що задають колір посилань link - колір посилань
alink - колір посиланя при натисканні на нього
vlink - колір відвіданих посилань
<a href="HTML_link.html" hreflang="en">Текст посилання</a> - вказує мову сторінки
Атрибут rel визначає відношення між поточним документом та пов'язаним
<a href="HTML_link.html" rel="alternate">Текст посилання</a> - посилання на альтернативну версію документа (сторінка для друку, сторінка іншою мовою тощо).
<a href="HTML_link.html" rel="author">Текст посилання</a> – вказує на те, що наведене посилання стосується інформації про автора цієї сторінки або статті
<a href="HTML_link.html" rel="bookmark">Текст посилання</a> - постійна URL-адреса, яка використовується для закладок
<a href="HTML_link.html" rel="help">Текст посилання</a> – посилання на документ-довідку
<a href="HTML_link.html" rel="license">Текст посилання</a> - посилання на відомості про авторські права для документа
<a href="HTML_link.html" rel="next">Текст посилання</a> – поряд із first, up, prev, last використовується для вказування шляху пересування по карті сайту або розділам сторінки
<a href="HTML_link.html" rel="nofollow">Текст посилання</a>
посилання на документ, що не індексується використовується в Google, щоб вказати, що пошуковий бот не повинен переходити за цим посиланням. В результаті сторінка, на яку посилається користувач, не збільшує свою вагу завдяки тому, що не передається індекс цитування, що використовується Яндексом, та PageRank, який використовується Google.
<a href="HTML_link.html" rel="noreferrer">Текст посилання</a> - вказівка браузеру не надсилати HTTP-заголовок, якщо користувач перейшов за посиланням
<a href="HTML_link.html" rel="prefetch">Текст посилання</a>
вказує, що слід кешувати цільовий документ Посилання з такими значеннями стануть у нагоді в тих випадках, коли потрібно послатися на зовнішні ресурси, які користувач відкриє з великою ймовірністю. Браузер кешує це посилання заздалегідь, тому воно відкривається швидше
<a href="HTML_link.html" rel="search">Текст посилання</a> - цей тип повідомляє, що посилання веде до інтерфейсу пошуку
<a href="HTML_link.html" rel="tag">Текст посилання</a> – визначає категорію сайту або ключовий запит
<a href="HTML_link.html" rel="canonical">Текст посилання</a> - вказує на бажану адресу, яка братиме участь у пошуку. Використовується в тезі <header>
<a href="HTML_link.html" rel="external">Текст посилання</a>
означає, що посилання веде на інший сайт Цей сайт індексуватиметься та передаватиме вагу. У WordPress цей атрибут часто використовується у коментарях. Може функціонувати спільно з nofollow (rel="external nofollow"), щоб посилання не передавало вагу
Якорі для перевірки роботи посилань
<h4 id="A1">Заголовок А1</h4>

Заголовок А1

<a name="A2">Якір A2</a> - Якір A2
Фрейм для перевірки роботи посилань
<iframe src="dt/HTML_link_frame.html" name="here"></iframe>