Ejercicio de programación con HTML: Reto trabajar con imágenes en HTML
Código
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:
- Incluye al menos 3 imágenes diferentes utilizando el elemento
<img>
. - Cada imagen debe tener los atributos
src
yalt
correctamente implementados. - Utiliza al menos dos formatos de imagen diferentes (JPG, PNG, GIF o WebP).
- Para cada imagen, especifica el ancho y alto mediante los atributos
width
yheight
. - 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:
- https://via.placeholder.com/300x200 (para simular una fotografía)
- https://via.placeholder.com/150 (para simular un logo)
- https://via.placeholder.com/100x100 (para simular un icono)
Recuerda que el texto alternativo debe describir adecuadamente el contenido de cada imagen.
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.
Reto etiquetas semánticas HTML
Código
Divisiones
Test
Audio
Puzzle
Proyecto crear páginas HTML
Proyecto
Enlace
Puzzle
Video
Puzzle
Imágenes
Test
Reto atributos ARIA en HTML
Código
DOCTYPE
Test
Compatibilidad con navegadores
Test
Reto crear tablas HTML
Código
Introducción a HTML
Test
Imágenes vectoriales
Test
Anidación de etiquetas
Test
Formularios
Puzzle
Encabezados
Puzzle
Reto Validación HTML
Código
Optimización de la carga de la página (Lazy loading)
Puzzle
Listas
Puzzle
Reto metadatos en HTML
Código
Estilos
Puzzle
Validación de HTML
Puzzle
Navegación por teclado
Puzzle
Párrafos
Test
Uso de DOCTYPE
Puzzle
Reto de enlaces HTML
Código
Etiquetas semánticas
Puzzle
Contraste y legibilidad
Test
Atributos de ARIA
Test
Reto geolocalización en HTML
Código
Tablas
Test
Reto LocalStorage en HTML
Código
Uso de atributos
Puzzle
Atributos
Test
Reto formatear texto en HTML
Código
Reto crear listas HTML
Código
Metadatos
Test
Comentarios
Test
Incrustación de contenido (iframe)
Test
Uso de elementos y etiquetas
Puzzle
Elementos y etiquetas
Test
Tutorial para resolver este ejercicio de programación
HTML
Imagen (img)
Textos y enlaces