Cómo crear enlaces con imagen (iconos de enlace) en HTML

Un hipervínculo es un texto o imagen que conecta a otro documento o web al hacer clic. Los enlaces agilizan la navegación; sin ellos, habría que teclear cada dirección. Aunque los enlaces de texto son más comunes, usar una imagen como enlace mejora la experiencia de usuario y la estética visual.

Pasos

Paso 1

Obtén la dirección web de la imagen que quieres usar. Tendrá formato similar a:
https://www.tuweb.com/graficos/graficos.jpg

Paso 2

Copia la dirección exactamente como aparece. Para evitar errores, cópiala y pégala en un editor de texto.

Paso 3

Confirma la URL de la web o documento destino. Visita la web para verificar que está activa. Copia y pega ese enlace en tu editor. Para el ejemplo usaremos:
https://www.tuweb.com/paginagenial.html

Paso 4

En tu editor, pega este código base:
<a href="URL_DESTINO"><img src="URL_IMAGEN" alt="Descripción"></a>

Paso 5

Sustituye URL_DESTINO por tu enlace web y URL_IMAGEN por la dirección de tu imagen.

Paso 6

Tu código final será algo como:
<a href="https://www.tuweb.com/paginagenial.html"><img src="https://www.tuweb.com/graficos/graficos.jpg" alt="Descripción"></a>