Тема 8 Гіперпосилання

Гіперпосилання

Пояснення:

Зовнішні та внутрішні гіперпосилання

Вставити посилання у свою сторінку можна за допомогою тегу <a></a> та атрибуту href=""

Зовнішні гіперпосилання

Використовуємо посилання на інші веб-сайти в мережі інтернет.

Використовуємо посилання на сторінки, на нашому комп'ютері.

Внутрішні гіперпосилання

За допомогою селектора(атрибуту) id та # звязуємо різні теги з посиланнями.

ВАЖЛИВО!
Селектор id подібний до селектора class, але два id з одинаковою назвою на сторінці, не можуть знаходитись!

Атрибути(властивості) - які використовуються у посиланнях

title - добавляє спливаючу підказку для посилання
target - відкриває посилання у новому вікні

Дії, які будуть виконуватись при натисканні на посилання

Використовуємо додаткові дії із посиланнями за допомогою mailto: tel: download

Таблиця:

№	Тема	Приклад коду	Підсумок
1	Посилання за допомогою тегу <a> та атрибуту href	`<body> <a href="https://google.com">Google</a> </body>`	<a> створює гіперпосилання. Атрибут href вказує адресу (URL), на яку веде посилання.
2	Якір (використання id)	`<body> <h2 id="part1">Розділ 1</h2> <a href="#part1">Перейти до розділу 1</a> </body>`	Атрибут id задає унікальний ідентифікатор елемента. Через href="#id" можна переходити всередині сторінки.
3	Атрибут title	`<body> <a href="https://example.com" title="Відкрити сайт">Сайт</a> </body>`	Атрибут title показує підказку при наведенні курсора на посилання.
4	Відкриття у новій вкладці (target="_blank")	`<body> <a href="https://youtube.com" target="_blank">YouTube</a> </body>`	Атрибут target="_blank" відкриває посилання в новій вкладці чи вікні браузера.
5	Електронна пошта (mailto)	`<body> <a href="mailto:info@example.com">Написати листа</a> </body>`	Використання mailto: відкриває поштовий клієнт для відправки листа на вказану адресу.
6	Телефон (tel)	`<body> <a href="tel:+380931234567">Подзвонити</a> </body>`	Використання tel: дозволяє одразу зателефонувати (працює на смартфонах та месенджерах).
7	Завантаження файлу (download)	`<body> <a href="image.jpg" download>Завантажити фото</a> </body>`	Атрибут download дозволяє завантажити файл замість відкриття в браузері.
8	CSS-властивість text-decoration: none;	`<style> a { text-decoration: none; } </style>`	Прибирає підкреслення у посилань.

build info

compiler: 2.0.5.1 · 4054EF9BF6C4510A
built: 2026-11-08 14:31:25 UTC