Ejercicio de programación con HTML: Reto trabajar con imágenes en HTML

Código
Práctica
0h 5m

Practica HTML creando una galería con imágenes, atributos alt, formatos variados y accesibilidad para mejorar tus habilidades web.

Crea una página HTML que contenga una galería de imágenes con las siguientes características:

  1. Incluye al menos 3 imágenes diferentes utilizando el elemento <img>.
  2. Cada imagen debe tener los atributos src y alt correctamente implementados.
  3. Utiliza al menos dos formatos de imagen diferentes (JPG, PNG, GIF o WebP).
  4. Para cada imagen, especifica el ancho y alto mediante los atributos width y height.
  5. Asegúrate de que el texto alternativo sea descriptivo y siga las buenas prácticas de accesibilidad.

Puedes usar las siguientes URLs para las imágenes o utilizar otras de tu elección:

Recuerda que el texto alternativo debe describir adecuadamente el contenido de cada imagen.

Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Imagen (img)

Textos y enlaces

Otros tutoriales de programación con HTML