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>