Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Робота з посиланнями | Section
Practice
Projects
Quizzes & Challenges
Вікторини
Challenges
/
Основи HTML

bookРобота з посиланнями

Свайпніть щоб показати меню

Посилання, також відомі як гіперпосилання, дозволяють користувачам переходити між веб-сторінками, ресурсами та різними формами комунікації. У HTML посилання створюються за допомогою тегу <a> (якір).

<a href="href-value">some text</a>

Атрибут href у тегу <a> визначає адресу призначення посилання. Він може приймати різні типи URL, зокрема:

  • Абсолютні URL: Вказують повну адресу пов'язаного ресурсу, включаючи протокол (наприклад, "https://www.example.com");
  • Телефонні URL: Дозволяють користувачам ініціювати телефонні дзвінки безпосередньо з браузера при натисканні. Форматуються як "tel:phone-number". Важливо вказувати код країни та видаляти спеціальні символи або пробіли з номера телефону (наприклад, "tel:+123456789");
  • Email URL: Дозволяють користувачам створювати електронні листи при натисканні. Форматуються як "mailto:email-address". Важливо вказувати повну електронну адресу після mailto: (наприклад, "mailto:example@example.com").

Приклад:

index.html

index.html

copy

У наведеному вище прикладі:

  • Тег <a> створює гіперпосилання з різними призначеннями;
  • Атрибут href визначає різні URL, включаючи абсолютні адреси, телефонні номери та електронні адреси.

Інші корисні атрибути

Тег <a> має кілька атрибутів, які можна використовувати для визначення властивостей гіперпосилання. Деякі поширені атрибути:

  • target="_blank": Вказує, де відкривати пов'язаний документ. "_blank" відкриває посилання у новому вікні або вкладці;
  • download: Вказує, що цільовий ресурс буде завантажено при натисканні на гіперпосилання. Цей атрибут може мати значення для визначення імені файлу при збереженні ресурсу.

Приклад:

index.html

index.html

copy

У цьому прикладі:

  • Атрибут href вказує URL пов'язаного ресурсу;
  • Атрибут target відкриває посилання у новому вікні або вкладці.

1. Як створюються посилання?

2. Що визначає атрибут href у тегу <a>?

question mark

Як створюються посилання?

Select the correct answer

question mark

Що визначає атрибут href у тегу <a>?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 11

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 11
some-alt