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

0
1313

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

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

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