Как сделать картинку ссылкой в html
Для вывода изображений в html используется тег <img>. Выглядит это таким образом:
<img src=»адрес картинки» >
Для того чтобы создать ссылку используется тег <a>. Таким вот образом:
<a href=»адрес ссылки» >Название ссылки, если необходимо</a>
Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега.
<a href=»адрес ссылки» ><img src=»адрес картинки» ></a>
Тег картинки вставляется внутрь тега ссылки. Таким образом, картинка работает как ссылка, если на нее навести курсор мыши и нажать, произойдет переход по ссылке.
Адреса можно прописывать как в полном формате: http:// и т.д. Так и в короткой форме, например: kartinka.jpg. Этот вариант доступен, если рисунок у вас лежит в той же папке, что и html файл.
Пример
Код html: <a href=»/»><img src=»link_img.png»></a>
Результат в браузере:
