· Рубрика: Интересное по теме

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

И так, сейчас мы рассмотрим, как сделать картинку ссылкой вручную, с помощью html. Здесь изображения выводятся с помощью тега <amg>. Пример кода:

<img src="адрес изображения">

Для ссылок в html используется тег <a>. Пример:

<a href="ссылка на страницу”>Анкор</a>

Анкор – это текст ссылки, который должен отображаться на странице, в нашем случае вместо него будет отображаться картинка.
Чтобы картинку сделать ссылкой, нужно использовать вот такой код:

<a href="ссылка на страницу"><img src="адрес изображения"></a>

Как видите, нужно просто код картинки вставить в код ссылки, тогда картинка станет кликабельной и при щелчке на нее курсором мыши, она будет перенаправлять вас на нужную страницу. Чтобы ваша ссылка открывалась в другом окне, надо вставить в нее атрибут target="_blank", во так:

<a href="ссылка на страницу" target="_blank"><img src="адрес картинки"></a>

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

1 комментарий

  1. Спасибо,давно искал как сделать ссылкой картинку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *