Html : делаем картинку ссылкой

Делаем картинку в Photoshop,скачиваем .

Добавляем вывод изображения в html с помощью тега <img>

<img src="адрес-ссылка картинки" >

cоcдаем ссылку с помощью тега <a> 

<a href="адрес ссылки" >наименование ссылки</a>

Объединяем теги для реализации картинка-ссылка

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

Пример:

Сделаю кнопку скачать с ссылкой на главную страницу.

<a href="http://max-list.blogspot.ru/" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5hGLphAV9bTwcaCJeirHNnnRN8M1y1hwaGNvI7JQp-GcnVcq8oQZOCQAKCmls_9jWwtIp_TIWb7sUhG18ZJTe8r5JlXJ-GRtxNBwBc-7kWPbb3FyYp5rQP5C5J-EArxwe4eik-fX_pA/h120/Image+3.jpg"></a>

Ссылка на главную страницу
Ссылка на изображение "скачать"
Вставляем в Html статью,сохраняем и получаем картинку - ссылку .