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>