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>