На различных сайтах довольно часто можно встретить не только активные ссылки на другие сайты и страницы, но и картинки с активной ссылкой, при нажатии на которые также можно перейти на другие страницы. В этой статье мы как раз и рассмотрим, как сделать картинку ссылкой в html.

Картинка со ссылкой не так часто используется, что даже в различных движках сайтов нет отдельной функции для создания картинки со ссылкой. Но при этом код записи картинки со ссылкой в html настолько прост, что его в итоге можно записать и вручную.

Картинка со ссылкой составляется из двух частей кода, из активной ссылки и ссылки на картинку. Активная ссылка с использованием тега <a> записывается следующим образом:

<a href=»URL-адрес ссылки» >Название ссылки<a>

Атрибут <href> используется для указания ссылки на документ, на который будет производится переход.

Для вывода картинок на страницах сайта используется тег <img> а код для вывода картинки будет таким:

<img src=»Путь к картинке» >

Атрибут <src> используется для указания ссылки на картинку.

Теперь, чтобы сделать картинку ссылкой необходимо просто объединить два этих кода, записав код вывода картинки на сайт вместо названия ссылки в коде активной ссылки. Выглядит это следующим образом:

<a href=»URL-адрес ссылки» ><img src=»Путь к картинке» ><a>

К изображению может применяться еще множество других атрибутов, с помощью которых можно задать выравнивание картинки на странице, задать отступы и указать размер.

Также интересные статьи на сайте remontka.com :
Обзор интернет сервисов бесплатного хостинга
Как поменять пароль от своей базы MySQL в phpMyAdmin ?
Прозрачная картинка онлайн
Как сделать прозрачный фон у картинки онлайн ?