Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Розмітка Тексту Спеціального Призначення | Теги та Атрибути
Знайомство з HTML
course content

Зміст курсу

Знайомство з HTML

Знайомство з HTML

1. Веб Розробка
3. Структура Документа
4. Медіа та Таблиці
5. Форми

bookРозмітка Тексту Спеціального Призначення

Посилання

Тег <a> використовується для створення гіперпосилань, які дозволяють користувачам переходити між різними веб-сторінками. Коли користувач натискає на посилання, браузер надсилає запит до сервера на сторінку, пов'язану з посиланням, і відображає відповідь на екрані. Атрибут href допомагає вказати URL-адресу сторінки призначення.

html

index

css

index

js

index

copy

Атрибути посилання:

target

За замовчуванням посилання відкривається в тій самій вкладці браузера. Атрибут target дозволяє змінити цю поведінку. Щоб відкрити посилання в новій вкладці, використовуйте target="_blank".

html

index

css

index

js

index

copy

download

Атрибут download можна використовувати з тегом HTML <a>, щоб вказати, що цільовий ресурс має бути завантажений, а не відображений у браузері. Коли використовується атрибут download, браузер пропонує користувачеві зберегти файл із зазначеним ім'ям. Наприклад, якщо нам потрібно створити елемент з наступним функціоналом: коли користувач натискає на посилання, браузер завантажить файл myfile.pdf з https://example.com/ і запропонує користувачеві зберегти його з ім'ям myfile.pdf.

html

index

css

index

js

index

copy

href

Атрибут href використовується не тільки для переходу на інші сторінки, але й для створення посилань на адреси електронної пошти, номери телефонів та певні розділи.

html

index

css

index

js

index

copy

Крім того, атрибут href можна використовувати для переходу до певних розділів на веб-сторінці. Щоб створити якірний тег, призначте атрибут id (унікальний ідентифікатор) потрібному розділу, до якого ми хочемо прокрутити. Атрибут href приймає значення, що починається з символу #, за яким слідує значення id.

Розглянемо наступний приклад, представлений у вигляді CodeSandbox. Ця платформа дозволяє перевіряти код і вивчати його функціональність.

Примітка

Будь ласка, знайдіть хвилинку, щоб перевірити функціональність, натискаючи на посилання і спостерігаючи за тим, як сторінка прокручується до певних розділів. Крім того, зверніть увагу на атрибути тегів a і h2.

Кнопка

Тег <button> в HTML використовується для створення кнопки, яка може викликати дію, наприклад, надсилання форми, виконання функції JavaScript, наприклад, відкриття і закриття спливаючого вікна або перемикання мобільного меню. За замовчуванням, <button> має атрибут type і його значенням є submit. Однак часто нам потрібно вказати type="button".

html

index

css

index

js

index

copy

Примітка

Тег <a> використовується для створення гіперпосилань на інші веб-сторінки, документи або ресурси. На противагу цьому, тег <button> використовується для створення інтерактивності на веб-сторінці, запуску події або виконання дії. Важливо не змішувати їх призначення.

1. Чи можна відкрити нову вкладку/вікно за допомогою тегу `<button>`?
2. Чи можна використовувати тег `<button>` для відправки форми?
3. Яка основна відмінність між тегом `<a>` і тегом `<button>`?
Чи можна відкрити нову вкладку/вікно за допомогою тегу `<button>`?

Чи можна відкрити нову вкладку/вікно за допомогою тегу <button>?

Виберіть правильну відповідь

Чи можна використовувати тег `<button>` для відправки форми?

Чи можна використовувати тег <button> для відправки форми?

Виберіть правильну відповідь

Яка основна відмінність між тегом `<a>` і тегом `<button>`?

Яка основна відмінність між тегом <a> і тегом <button>?

Виберіть правильну відповідь

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

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

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

Секція 2. Розділ 9
some-alt