И все же я повторюсь, потому что с тех пор, как объяснила ЛисС, многому научилась.
Для картинки-ссылки (в том числе и фотографии) нам нужны 2 (две) картинки - большая и маленькая.
1.Начнем с большой. Ее нужно "прописать" где-нибудь или, если вы уверены в том, что ее адрес в ближайшее время не
изменится, можно скопировать его в сети. Адрес картинки определяется так: нажимаем на картинку правой клавишей мыши (т.е. открываем контекстное меню), идем в "свойства" и, выделив, копируем ее адрес (URL).
2. Теперь займемся маленькой картинкой. Это может быть уменьшенная копия первой. Уменьшить можно в графическом
редакторе, например в Paint, при этом ваша JPEG-картинка станет не только меньше, но и "легче", а это очень важно для
скорейшей загрузки страницы. Итак, запостите маленькую картинку, а теперь займемся самым главным - редактированием поста.
3. В режиме редактирования нам нужно показать браузеру, что, нажимая на маленькую картинку, мы откроем большую.
Значит ссылка на большую картинку - это наша главная ссылка, а адрес маленькой - это как текст-комментарий к ней.
<a href="URL большой картинки"><img src="URL маленькой картинки"></a>
Что можно (и нужно) добавить в этот код? Во-первых, не очень красиво, когда картинка-гиперссылка окружена рамкой при наведении на нее курсора. Поэтому пропишем в свойствах картинки (img) BORDER=0.
Во-вторых, большую картинку удобнее смотреть в отдельном окне, поэтому пропишем в свойствах ссылки (a) TARGET="_BLANK".
В-третьих, продумайте, где будет находиться ваша маленькая картинка и пропишите ее справа, слева или в центре страницы. Кроме этого желательно прописать всплывающую подсказку (ALT).
Итак, что у нас получилось:
<center><a href="URL большой картинки" target="_blank"><img src="URL маленькой картинки" alt="фото" border=0></a></center>
Эта маленькая картинка расположена в центре страницы, при наведении на нее курсора рамка не появляется, но видно, что
это ссылка на фото, при нажатии в новом окне открывается большая картинка.
Попробуем на практике?

Вот так.