Під час створення клікабельного зображення в HTML тег href перетворює ваше зображення на гіперпосилання. Додавання посилання на ціль після тегу href приведе відвідувачів до цього пункту призначення після натискання зображення. <a href =”insert destination URL”>.20 квітня 2023 р
Ви можете використовуйте теги форми в HTML для переспрямування. Атрибути дії та методу можна використовувати для переспрямування на іншу сторінку. Теги прив’язки також можна використовувати для перенаправлення. Ви можете вказати URL-адресу в атрибуті href тегів прив’язки в HTML.
Зображення HTML і теги прив’язки Тег <img> використовується для вставлення зображення на веб-сторінку. Він вимагає атрибут src для визначення вихідного файлу зображення та атрибут alt для надання альтернативного тексту для програм зчитування з екрана. Тег <a> використовується для створення гіперпосилань. У поєднанні ці теги дозволяють використовувати зображення як посилання.
Щоб зробити зображення доступним для натискання в HTML, оберніть тег <img> у тег <a> з атрибутом href. Це робить зображення гіперпосиланням, що дозволяє користувачам переходити за вказаною URL-адресою, клацаючи зображення.
У цьому методі ми будемо встановіть властивість відображення всередині тегу <img> за допомогою атрибута style. Ми повинні встановити «display: none» для зображення. Після цього, коли користувач натискає на кнопку. Ми викличемо функцію JavaScript, яка отримає доступ до зображення, щоб змінити його властивість відображення на блокування.
Теги <img> і <a> разом є найпоширенішим способом додавання посилання на зображення, яке можна натиснути, у HTML. На веб-сторінці після додавання зображення за допомогою тегу <img> зробіть його доступним для натискання, додавши разом із ним тег <a>. Розглянемо приклад. Відповідно до прикладу вище, додавання тегу зображення як <img src=”image.
Як за допомогою HTML зробити зображення посиланням, яке переспрямовує на певну URL-адресу? Просто оберніть тег зображення в тег, наприклад: <a href="https://where-you-want-to-redirect"> <img href="your-image-src">