Робота з посиланнями в HTML
Навчіться створювати посилання за допомогою HTML-тега a та атрибута href.
Робота з посиланнями в HTML
Посилання — один із найважливіших елементів інтернету. Саме вони дозволяють переходити з однієї сторінки на іншу та об'єднують мільйони сайтів у єдину мережу.
Без посилань вебсайти були б просто окремими сторінками, які не пов'язані між собою.
Тег a
Для створення посилання використовується тег a. У ньому обов'язково потрібно вказати атрибут href — адресу сторінки, на яку буде виконано перехід.
<a href="https://www.google.com">
Google
</a>Текст між відкривальним та закривальним тегом a буде відображатися на сторінці як посилання.
| Атрибут | Призначення |
|---|---|
| href | Адреса сторінки, куди веде посилання |
| target | Визначає спосіб відкриття сторінки |
Відкриття посилання в новій вкладці
За допомогою атрибута target можна відкрити посилання в новій вкладці браузера.
<a
href="https://www.youtube.com"
target="_blank"
>
YouTube
</a>Атрибут target зі значенням _blank часто використовується для зовнішніх посилань, щоб користувач не залишав поточний сайт.
Тег a без атрибута href не створює повноцінне посилання. Завжди перевіряйте, що адреса вказана правильно.
- Створіть посилання на сайт code.mu.
- Додайте посилання на Yandex.
- Додайте посилання на YouTube.
- Спробуйте відкрити одне посилання у новій вкладці.
💡 Показати підказку
Адреса сайту записується всередині атрибута href. Приклад: href="https://example.com".
✅ Показати відповідь
Приклад: <a href="https://code.mu"> Code.mu </a> <a href="https://yandex.com"> Yandex </a> <a href="https://youtube.com"> YouTube </a>