Cómo asociar una imagen a una url

Queremos incluir un enlace directo a otra web pero no sabemos cómo “hacerlo bonito”. Pegar el enlace, así sin más, nos parece poca cosa. Nosotros lo que queremos es que a través de una imagen, seleccionada por nosotros, nos envíe a la web enlazada, o lo que es lo mismo, asociar una imagen a una url. Sin embargo, desconocemos los trucos de programación, no tenemos ni idea de la informática avanzada y nuestras soluciones más inmediatas son a menudo “apagar y encender”.

Intentaré hacerlo fácil:

Tenemos que escribir en lenguaje HTML lo siguiente (copia y pega, amigo):

<a href="LINK DE LA WEB"> <img src="LINK DE LA IMAGEN"> </a>

Eso sí, previamente deberás haber copiado la url de la web a la que deseas redireccionar (con el botón derecho pulsando sobre ella es suficiente) y sustituir el texto señalado en azul por esa dirección. Posteriormente repetir la misma acción con la url de la imagen que queremos asociar.

Como siempre, leído suena muchísimo más difícil de lo que finalmente es. Probad y me contáis.

Aquí os dejo algunos ejemplos (pinchad sobre la imagen, por favor):

Consejo: Si además quieres que el nuevo enlace se abra en una nueva pestaña, pulsa la tecla CTRL al mismo tiempo que pinchas sobre la imagen.