Как сделать картинку кликабельной?
Что такое кликабельная картинка? Это картинка, при клике на которую происходит переход на другую страницу сайта или на другой сайт. Или просто замена текстовой ссылки на картинку. Что для этого надо!
Давайте рассмотрим код активной ссылки. Он выглядит так:
<a href=»http://адрес страницы или сайта на которые надо попасть«>текст ссылки</a>
Нам надо вместо текстовой ссылки вставить картинку. Для этого нужно в коде вместо «текст ссылки» вставить html-код картинки. Этот код возьмёте в файловом менеджере, предварительно загрузив туда необходимую картинку.
Полный код кликабельной картинки будет выглядеть так:
<a href=»http://адрес страницы или сайта на которые надо перейти»
target=»_blank» ><img src=»http://html-код картинки» border=»0″alt=»»/></a>
Теперь рассмотрим, как это получится на практике. Например, я хочу поставить на сайте ссылку в виде картинки для перехода на сайт umorik-1.ru. Я загрузил в файловый менеджер картинку:
Копирую html-код картинки в файловом менеджере: <img src=»https://mehelps.ru/wp-content/uploads/2012/06/kartinka.gif» border=»0″ alt=»» />
Теперь собираю всё в кучу и в итоге получается вот такой код:
<a href=»http://c.gdeslon.ru/c/4623d9d47a72d98e»target=»_blank»><img src=»https://mehelps.ru/wp-content/uploads/2022/10/klikabelnaya-kartinka-sozdanie-sayta.png»border=»0″ alt=»»/></a>
Теперь этот код надо вставить в необходимое место на странице сайта. Смотрим что получилось:
Статья была полезной?