assignment
Objetivo del ejercicio
Crear una galería interactiva
Desarrolla una página HTML con imágenes enlazadas que abran versiones más grandes o páginas relacionadas
format_list_numbered
Pasos a seguir
1
Crea una galería con 6 imágenes en miniatura
2
Envuelve cada imagen con un enlace a su versión ampliada
3
Usa target="_blank" para abrir en nueva pestaña
4
Añade alt descriptivo para cada imagen
Ejemplo de código:
<div class="galeria">
<a href="imagenes/foto1-grande.jpg" target="_blank">
<img src="imagenes/foto1-mini.jpg" alt="Paisaje montañoso">
</a>
<!-- Repetir para otras imágenes -->
</div>
visibility
Resultado esperado
landscape
link
Paisaje
beach_access
link
Playa
forest
link
Bosque
terrain
link
Montaña
water
link
Océano
filter_hdr
link
Atardecer
checklist
Requisitos técnicos
check_circle
Usa dos versiones de cada imagen (miniatura y grande)
check_circle
Implementa enlaces funcionales con target="_blank"
check_circle
Añade alt descriptivo para cada imagen
check_circle
Usa CSS para mejorar la presentación
lightbulb
Consejo adicional
Considera añadir efectos CSS como transiciones o transformaciones cuando el usuario pasa el ratón sobre las imágenes para mejorar la experiencia de usuario.