Enlazar una Imagen a una URL

El código HTML para enlazar una imagen a una url es el siguiente:

<a href="URL DESTINO"><img src="URL DE LA IMAGEN"></a>

¿Como consigo la URL de la imagen?

1. Descarga la imagen en tu ordenador y ajusta la medida a tu gusto, en lo personal me gusta utilizar paint, por ser muy practico.

a. Una vez que tenemos la imagen lista, abre el programa de Paint y ajusta la medida

b. Posteriormente, abre blogguer y crea una nueva entrada con la finalidad de subir ahí la imagen, esta entrada no se publica, solo se guardara como borrador.

c. Después de agregar la imagen al post, da clic derecho sobre la imagen y presiona inspeccionar, en ese instante aparecerá una columna con las propiedades de la imagen del lado derecho.

d. Vuelve a dar clic derecho con el mouse ahora sobre el código que se ha resaltado en azul claro, presiona copiar elemento y pega en un blog de notas o en una hoja de word.

e. Listo :), ya tenemos el código en word, lo único que vamos a tomar de este código es la url de la imagen la cual se encuentra entre comillas, puede ser que termine .jpg o en cualquier otro tipo de archivo en el que la haya guardado.

Como quedaría el código ya terminado en este ejemplo

NOTA: Si estamos trabajando en una web o blog, debemos subir la imagen a nuestro servidor.

Tenemos:

 Enlace e imagen: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYW_lkD2q-xfwkUyCRDrBbCfn8fvQEl6DlRgfdrGibzFaGvR8w4EdVnPntOD3bAk0EO3HuWoPDzevXtHY9UilEHIUWdGAj0yBnNaVA1gutGGW8GmC_U_MQS4oMn0fDTmxECJFhOU6v4DtW/s1600/como+enlazar+una+imagen+a+una+url2.jpg

 Enlace de la url: https://resplandecenow.blogspot.com/

<a href="URL DESTINO"><img src="URL DE LA IMAGEN"></a>

<a href="https://resplandecenow.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYW_lkD2q-xfwkUyCRDrBbCfn8fvQEl6DlRgfdrGibzFaGvR8w4EdVnPntOD3bAk0EO3HuWoPDzevXtHY9UilEHIUWdGAj0yBnNaVA1gutGGW8GmC_U_MQS4oMn0fDTmxECJFhOU6v4DtW/s1600/como+enlazar+una+imagen+a+una+url2.jpg"></a>

¡Terminamos!