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>