HTML5

HTML5 es el estándar actual para estructurar contenido en la web. Permite crear sitios semánticos, responsivos y compatibles con dispositivos modernos.

Principales características de HTML5
Característica	Descripción	Ejemplos
Semántica	Introduce etiquetas con significado para estructurar mejor el contenido	header, nav, section, article, footer
Multimedia	Permite incluir contenido multimedia sin plugins externos	audio, video
Gráficos	Soporte para gráficos y dibujos dinámicos en el navegador	canvas, svg
Formularios	Nuevos tipos de campos y validación integrada	email, date, number, required
Almacenamiento	Permite guardar datos en el navegador del usuario	localStorage, sessionStorage

CSS3

CSS3 define el diseño visual de las páginas web. Permite crear diseños flexibles, animaciones y adaptabilidad a diferentes tamaños de pantalla.

Principales características de CSS3
Característica	Descripción	Ejemplos
Diseño flexible	Permite crear diseños adaptables a diferentes pantallas	flexbox, grid
Responsive design	Adapta el diseño según el tamaño del dispositivo	media queries
Animaciones	Permite animar elementos sin usar JavaScript	animation, keyframes
Transiciones	Crea cambios suaves entre estilos	transition
Efectos visuales	Mejora la apariencia gráfica de los elementos	border-radius, box-shadow, gradients

JavaScript

JavaScript añade interactividad a las páginas web, permitiendo responder a acciones del usuario y crear aplicaciones dinámicas.

Principales características de JavaScript
Característica	Descripción	Ejemplos
Interactividad	Permite responder a acciones del usuario	click, mouseover, keypress
Manipulación del DOM	Modifica dinámicamente el contenido HTML	getElementById, querySelector
Variables y funciones	Almacena datos y reutiliza código	let, const, function
Control de flujo	Permite tomar decisiones y repetir acciones	if, switch, for, while
Programación web	Base para aplicaciones web dinámicas	formularios, validaciones, eventos

Video para aprender mas

1: ¿Cuál es la función principal de HTML5 en tu página y qué elementos semánticos usaste para estructurarla?

2: Explica la diferencia entre header, section y footer en tu código.

3: ¿Por qué utilizaste table para organizar imágenes y texto? ¿Qué atributos ayudaron a mejorar la ubicación del contenido?

4: ¿Qué etiquetas se usaron para incluir imágenes y videos en la página? Menciona cómo se incluyen videos de YouTube.

5: Explica la importancia del atributo alt en tus imágenes y da un ejemplo de cómo lo usaste.

6: ¿Cuál es la función del atributo target="_blank" y en qué enlaces lo aplicaste?

7: Aunque no usaste CSS externo, ¿cómo representaste visualmente la información de CSS3 usando solo HTML?

8: ¿Cómo presentaste la información sobre JavaScript y su interactividad usando solo HTML?

9: ¿Qué atributos son importantes en el iframe para mostrar un video correctamente y qué significan?

10: Menciona al menos tres estrategias que usaste para mejorar el diseño de la página solo con HTML (sin CSS ni JS).