Saltar al contenido principal

Ejercicio práctico 10: Enlaces con Imágenes en HTML

Aprende a crear enlaces con imágenes en HTML de forma sencilla. Este ejercicio práctico te enseña cómo utilizar etiquetas <a> y <img> combinadas para mejorar la navegación visual de tus páginas web.

Actividad

Crea un documento HTML donde una imagen sirva como enlace.

Solución interactiva

Solución con el código HTML completo

HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title>Enlaces con Imágenes</title>
</head>
<body>
<h1>Enlace con Imagen</h1>
<a href="https://div.zone/" target="_blank">
<img
src="https://docs.div.zone/img/divzone-social-card.jpg"
alt="Descripción de la imagen"
width="360"
height="200"
/>
</a>
</body>
</html>