Разберу сразу на живом примере, простая текстовая ссылка: <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" - расположение картинки по левому краю страницы сайта.
