htmlРазберу сразу на живом примере, простая текстовая ссылка: <a href="/URL-адрес ссылки" >Название ссылки</a>
где тег <a> - используется для создания ссылки;
атрибут <href> - указывает путь к странице или сайту, на который нужно перейти.

Простая ссылка на картинку: <img src="/Путь к картинке" >
где <img> - тег для вывода изображения (картинки);
<src> - путь к картинке

Теперь объединим все вместе для того чтобы картинка стала ссылкой:


<a href="/kak-kartinku-sdelat-ssylkoj.html" target="_blank" title="Как картинку сделать ссылкой" alt="Описание картинки"><img src="/images/kartinka.gif" border="0" align="left" />

где <a href="/kak-kartinku-sdelat-ssylkoj.html" - указывает путь к статье (ссылка);

target="_blank" - ссылка откроется в новом окне;

title="Как картинку сделать ссылкой" - описание картинки, при наведении мышкой на ссылку;

alt="Описание картинки" - альтернативный текст к картинке, выводится если просматривать страницу сайта с отключенными изображениями в браузере;

<img src="/images/kartinka.gif" - путь к картинке, указан относительный, т.к. картинка находится в папке на сайте. Если использовать с чужого сайта, нужно указывать полный url;

border="0" - рамка вокруг картинки;

align="left" - расположение картинки по левому краю страницы сайта.


Поделиться:

У вас нет прав для отправки комментариев. Войти используя свою социальную сеть