HTML5: Fundamentos

Este curso proporciona los fundamentos esenciales de HTML5 para crear páginas web estructuradas, semánticas y accesibles. Dirigido a profesionales que necesitan iniciarse en el desarrollo frontend o actualizar sus conocimientos al estándar HTML5. Al finalizar, el participante será capaz de construir documentos web completos con estructura correcta, navegación accesible, contenido multimedia y formularios interactivos con validación nativa.

Al finalizar el curso, el participante será capaz de:

• Crear documentos HTML5 con estructura semántica correcta y metadatos esenciales
• Implementar jerarquía de contenido utilizando encabezados, párrafos y elementos de énfasis apropiados
• Construir navegación accesible con listas, enlaces internos/externos y anclas
• Incorporar imágenes con atributos de accesibilidad y formatos web modernos
• Desarrollar tablas HTML con estructura semántica correcta para datos tabulares
• Diseñar y validar formularios HTML5 con campos apropiados, atributos de validación nativa y mejora de experiencia de usuario

1. Introducción a HTML5 y estructura de documentos — Evolución del estándar HTML, DOCTYPE, etiquetas esenciales (html, head, body), metadatos y charset
2. Elementos semánticos y jerarquía de contenido — Header, nav, main, article, section, aside, footer, encabezados h1-h6, párrafos, elementos de énfasis y formato de texto
3. Navegación y enlaces — Listas ordenadas y no ordenadas, listas de definición, enlaces internos y externos, atributos de enlace, anclas y navegación en la página
4. Imágenes y contenido multimedia — Elemento img y atributos alt/title, formatos web modernos (WebP, SVG), imágenes responsivas con srcset, figure y figcaption
5. Tablas HTML semánticas — Estructura de tablas (table, tr, td, th), agrupación con thead, tbody y tfoot, atributos colspan y rowspan, accesibilidad en tablas
6. Formularios HTML5: estructura y campos — Elemento form y atributos, campos de texto, password, email, tel, number, date, textarea, checkbox, radio, select
7. Validación nativa de formularios — Atributos required, pattern, min, max, minlength, maxlength, mensajes de validación personalizados, pseudo-clases CSS de validación
8. Práctica integradora — Desarrollo de una página web completa que integre todos los elementos aprendidos: estructura semántica, navegación, imágenes, tablas y formularios con validación

• Editor de código (Visual Studio Code, Sublime Text, Notepad++ o similar)
• Navegador web moderno actualizado (Chrome, Firefox, Edge o Safari)
• Sistema operativo: Windows 10+, macOS 10.14+ o Linux

Ninguno requerido. Se recomienda familiaridad básica con el uso de ordenadores, navegación web y edición de archivos de texto. No se requiere experiencia previa en programación o desarrollo web.