Ниже простой пример HTML-кода, который добавляет текстовую ссылку и кликабельное изображение с переходом на поиск Яндекса по нужным запросам.
Код (HTML):
Замечания по деталям:
- Атрибут target="_blank" открывает ссылку в новой вкладке; rel="noopener" повышает безопасность.
- Для доступности у элемента изображения есть alt="кошка".
- Ссылку на текст можно заменить на любую другую фразу, а изображение — на другое изображение, обернув его в нужную ссылку.
Дополнительно: можно использовать URL-кодировку для кириллических запросов
- "собака": %D1%81%D0%BE%D0%B1%D0%B0%D0%BA%D0%B0 href="yandex.ru"
- "кошка": %D0%BA%D0%BE%D1%88%D0%BA%D0%B0 href="yandex.ru"
Если хочешь, могу адаптировать стиль (CSS) или сделать функционал более сложным (например, добавить визуальные кнопки, верстку под школьный формат и т.д.).