Зміст курсу
Знайомство з HTML
Знайомство з HTML
Розмітка Тексту Спеціального Призначення
Посилання
Тег <a>
використовується для створення гіперпосилань, які дозволяють користувачам переходити між різними веб-сторінками. Коли користувач натискає на посилання, браузер надсилає запит до сервера на сторінку, пов'язану з посиланням, і відображає відповідь на екрані. Атрибут href
допомагає вказати URL-адресу сторінки призначення.
index
index
index
Атрибути посилання:
target
За замовчуванням посилання відкривається в тій самій вкладці браузера. Атрибут target
дозволяє змінити цю поведінку. Щоб відкрити посилання в новій вкладці, використовуйте target="_blank"
.
index
index
index
download
Атрибут download
можна використовувати з тегом HTML <a>
, щоб вказати, що цільовий ресурс має бути завантажений, а не відображений у браузері. Коли використовується атрибут download
, браузер пропонує користувачеві зберегти файл із зазначеним ім'ям. Наприклад, якщо нам потрібно створити елемент з наступним функціоналом: коли користувач натискає на посилання, браузер завантажить файл myfile.pdf з https://example.com/
і запропонує користувачеві зберегти його з ім'ям myfile.pdf.
index
index
index
href
Атрибут href
використовується не тільки для переходу на інші сторінки, але й для створення посилань на адреси електронної пошти, номери телефонів та певні розділи.
index
index
index
Крім того, атрибут href
можна використовувати для переходу до певних розділів на веб-сторінці. Щоб створити якірний тег, призначте атрибут id
(унікальний ідентифікатор) потрібному розділу, до якого ми хочемо прокрутити. Атрибут href
приймає значення, що починається з символу #
, за яким слідує значення id
.
Розглянемо наступний приклад, представлений у вигляді CodeSandbox. Ця платформа дозволяє перевіряти код і вивчати його функціональність.
Примітка
Будь ласка, знайдіть хвилинку, щоб перевірити функціональність, натискаючи на посилання і спостерігаючи за тим, як сторінка прокручується до певних розділів. Крім того, зверніть увагу на атрибути тегів
a
іh2
.
Кнопка
Тег <button>
в HTML використовується для створення кнопки, яка може викликати дію, наприклад, надсилання форми, виконання функції JavaScript, наприклад, відкриття і закриття спливаючого вікна або перемикання мобільного меню. За замовчуванням, <button>
має атрибут type
і його значенням є submit
. Однак часто нам потрібно вказати type="button"
.
index
index
index
Примітка
Тег
<a>
використовується для створення гіперпосилань на інші веб-сторінки, документи або ресурси. На противагу цьому, тег<button>
використовується для створення інтерактивності на веб-сторінці, запуску події або виконання дії. Важливо не змішувати їх призначення.
Дякуємо за ваш відгук!