Как сделать картинку ссылкой в html

0
2073

Как сделать картинку ссылкой в 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>

 

Результат в браузере:

alt

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь