ссылки.in.ua

Ссылка картинка

Вы уже умеете самостоятельно создавать ссылки? Если нет - прочтите нашу статью HTML ссылки. Из нее вы научитесь создавать ссылки на HTML, тогда вам будет понятен материал данного раздела.

Если вы уже умеете делать ссылки, тогда вам будет все понятно. Ранее мы говорили о так называемых "текстовых ссылках", когда в виде ссылки выступал текст, нажав на текст ссылки, вы попадали на другую страницу (на которую и вела ссылка).

Ссылкой может быть не только текст, но и картинка!

Как сделать ссылку картинку
Нажмите на эту ссылку-картинку, она откроется в новой странице

Как сделать ссылку картинку

Схема ссылки-картинки выглядит следующим образом:

<a href="URL страницы, куда ведет ссылка"><img src="путь к картинке"></a>

В атрибут "href" мы записываем адрес страницы, куда должна вести ссылка, для нашего примера мы прописали такой: "http://ссылки.in.ua/links/kartinka/result/"

Как видите, вместо текста ссылки, в данном случае выступает вот такая конструкция:

<img src="путь к картинке">

Тег "img" указывает, что здесь будет картинка, в атрибут "src" мы прописываем путь к картинке, указываем полный путь к месту, где находится картинка. К примеру, если файл вашей картинки имеет имя "my_picture.jpg" и находится она в папке картинок, допустим в "images", тогда путь к картинке будет следующий: "http://адрес_вашего_сайта.com/images/my_picture.jpg". Понятно, что вместо адреса, что мы указали в примере: "http://адрес_вашего_сайта.com" вы указываете свои адрес (имя) сайта, название папки с картинками и файл с картинкой, который будет выступать в качестве ссылки.

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

Зачем нужны ссылки-картинки? Вы, наверное, замечали в интернете так называемые "рекламные баннеры", где предлагают купить мобильные телефоны, обувь и пр. товары. Для такой визуальной рекламы применяются картинки-ссылки.

Ссылки в виде картинок широко используются на сайтах брокерских агентств (которые проводят операции с недвижимостью) или на сайтах автомобильной тематики (где можно купить автомобили или комплектующие к ним). На страницу загружаются небольшие картинки, кликнув по любой из них, можно подробнее ознакомиться с тем или иным предложением, посмотреть большие копии картинок в более высоком разрешении, в деталях и с разных ракурсов и пр.

Хотите узнать, для чего еще используются ссылки в интернете и как с помощью ссылок с других сайтов увеличить посещаемость своего сайта? Прочтите нашу статью "внешние и внутренние ссылки".