assignment
Objetivo del ejercicio
Crear una galería de imágenes
Desarrolla una página HTML con cuatro imágenes utilizando diferentes atributos y técnicas aprendidas
format_list_numbered
Pasos a seguir
1
Crea una estructura HTML básica con header y main
2
Añade dos imágenes con atributos src, alt, width y height
3
Crea dos imágenes con enlaces que abran en nueva pestaña
4
Implementa figure y figcaption para una de las imágenes
Código de inicio:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Mi Galería</title>
</head>
<body>
<header>
<h1>Galería de Imágenes</h1>
</header>
<main>
<!-- Aquí va tu código -->
</main>
</body>
</html>
visibility
Resultado esperado
image
Imagen con atributos básicos
image
Imagen con dimensiones específicas
image
link
Imagen con enlace
image
Figura 1: Imagen con leyenda
Imagen con figure y figcaption
checklist
Requisitos técnicos
check_circle
Usa alt descriptivo para todas las imágenes
check_circle
Especifica width y height para mejorar el rendimiento
check_circle
Implementa enlaces funcionales con target="_blank"
check_circle
Usa figure y figcaption correctamente
lightbulb
Consejo adicional
Prueba tu página en diferentes navegadores y verifica que las imágenes se carguen correctamente. Experimenta con diferentes formatos de imagen (JPG, PNG, WebP) para optimizar la carga.