Como transformar imagens em links

Esse é um dos primeiros códigos HTML que se aprende e um dos mais usados.
A tag "<img src=>" pode ser utilizada para postar apenas imagens ou para ancorar uma imagem com um link, como visto nos exemplos abaixo.

Postar somente imagens.

<img src="'Endereço da imagem'"/>

Exemplo:

Código:

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJolaWgqWq6NDZPEr0KJlfII4mqPS85HpXqkPDXKAjP45-w6nxwMDRyRaXcGgW_E4ot53ImDA4ipkq5U4-1vSwCzP-93T9YZykXq_PScXPAbtqWVinbCCUabOM-IRvmeoVZ8SoJ5T_lzS-/'/>

Resultado:

Transformar uma imagem em link.

Usamos a tag "<img src=>" junto com a tag "<a href=>" :

<a href="'Link Aqui'"><img src="'Endereço da imagem'"/></a>

Exemplo: (Link para a home do blog)

Código:

<a href='http://10calco.blogspot.com/'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJolaWgqWq6NDZPEr0KJlfII4mqPS85HpXqkPDXKAjP45-w6nxwMDRyRaXcGgW_E4ot53ImDA4ipkq5U4-1vSwCzP-93T9YZykXq_PScXPAbtqWVinbCCUabOM-IRvmeoVZ8SoJ5T_lzS-/'/></a>

Resultado:

Se quiser linkar um palavra ou escolher onde o link abrirá acesse: Como transformar palavras em links.