Skip to main content

Practical Exercise 10: Linking with Images in HTML

Learn how to easily create links with images in HTML. This practical exercise teaches you how to use tags<a> and <img>combined to improve the visual navigation of your web pages.

Activity​

Create an HTML document where an image serves as a link.

Interactive Solution​

Solution with complete HTML code​

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>