assignment
Objetivo del ejercicio
Crear contenido con figuras y leyendas
Desarrolla una página HTML con figure y figcaption para diferentes tipos de contenido
format_list_numbered
Pasos a seguir
1
Crea una imagen con leyenda usando figure y figcaption
2
Añade un video con descripción usando figure
3
Implementa una tabla con leyenda usando figure
4
Usa CSS para mejorar la presentación
Ejemplo de código:
<figure>
<img src="paisaje.jpg" alt="Montañas nevadas">
<figcaption>Figura 1: Paisaje montañoso en invierno</figcaption>
</figure>
El elemento figure agrupa la imagen con su leyenda
visibility
Resultado esperado
image
Figura 1: Ejemplo de imagen con leyenda
videocam
Figura 2: Video tutorial de HTML
table_chart
Tabla 1: Comparación de atributos de imagen
bar_chart
Gráfico 1: Estadísticas de uso de imágenes
checklist
Requisitos técnicos
check_circle
Usa figure para agrupar contenido con su leyenda
check_circle
Implementa figcaption como primer o último hijo
check_circle
Incluye números para referencias (Figura 1, Tabla 2)
check_circle
Añade CSS para mejorar la presentación
lightbulb
Consejo adicional
Experimenta con diferentes estilos CSS para las figuras, como bordes, sombras o fondos, para hacerlas visualmente atractivas y destacarlas del resto del contenido.