Saltar al contenido principal

Ejercicio práctico 5: Implementar imágenes en html

En este ejercicio práctico aprenderás a insertar y configurar imágenes en HTML, utilizando la etiqueta <img> y atributos esenciales como src, alt, width y height para mejorar la accesibilidad y presentación visual.

Actividad​

Crea un documento HTML que incluya una imagen usando la etiqueta <img> y sus atributos alt, width y height. La imagen puede ser de una fuente externa a tu sitio web.

Solución interactiva​

Solución con el código HTML completo​

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