link
¿Cómo crear imágenes con enlaces?
check_circle
Envuelve la imagen con el elemento <a>
check_circle
Usa el atributo href para especificar el destino
check_circle
La imagen actúa como elemento clickeable
Ejemplo de código:
<a href="pagina.html">
<img src="imagen.jpg" alt="Descripción">
</a>
La imagen enlaza a "pagina.html" al hacer clic
lightbulb
Accesibilidad
check_circle
Usa alt descriptivo que indique el destino
check_circle
O añade texto de enlace accesible visible
check_circle
Evita "haz clic aquí" en el texto alternativo
visibility
Ejemplo visual
image
link
Imagen con enlace
settings
Opciones comunes
open_in_new
Abrir en nueva pestaña: target="_blank"
photo_library
Ampliar imagen: enlace a versión de mayor resolución
web
Navegación: botones de menú con imágenes
Ejemplo con atributos adicionales:
<a href="imagen-grande.jpg" target="_blank">
<img src="imagen-mini.jpg" alt="Ver imagen a tamaño completo">
</a>