Recurso educativo digital interactivo y guiado para introducir los fundamentos de HTML5 mediante la construcción progresiva de un currículum web. El estudiante comprende qué es HTML, la anatomía de los elementos, la estructura de un documento, el contenido básico y la semántica; posteriormente aplica lo aprendido en un producto propio, comprueba su comprensión, genera una evidencia en PDF y realiza una reflexión metacognitiva.
Licencia de uso
Reconocimiento-No Comercial-Compartir Igual (CC BY-NC-SA)
Título:
HTML5 desde cero: construcción guiada de un currículum web
Idioma:
Español
Descripción:
Español
Recurso educativo digital interactivo y guiado para introducir los fundamentos de HTML5 mediante la construcción progresiva de un currículum web. El estudiante comprende qué es HTML, la anatomía de los elementos, la estructura de un documento, el contenido básico y la semántica; posteriormente aplica lo aprendido en un producto propio, comprueba su comprensión, genera una evidencia en PDF y realiza una reflexión metacognitiva.
Palabras clave:
Español
HTML5, desarrollo web, estructura HTML, etiquetas HTML, semántica HTML, currículum web, accesibilidad web, aprendizaje interactivo, Programación Web
El estudiante debe recorrer el recurso de forma secuencial. Primero comprende qué es HTML y cómo el navegador interpreta la estructura; después explora elementos, etiquetas, estructura documental, contenido y regiones semánticas. Finalmente construye un currículum web, responde una comprobación, descarga su producto y genera un PDF de evidencia con matrícula y reflexión metacognitiva. Se recomienda utilizarlo como primera fase de una secuencia de aprendizaje de desarrollo web.
Densidad semántica:
Media
Rango típico de edad:
Jóvenes de 22-35 años
Adultos de los 36 años en adelante
Adolescentes de 12-21 años
Tipo de interacción:
Mixta
Nivel de interacción:
Alto
Rol del usuario final previsto:
Estudiante
Docente
Público en general
Tiempo típico de aprendizaje:
60–75 minutos
Tiene costo:
No
Tiene Copyright u otras restricciones:
No
Descripción:
Reconocimiento-No Comercial-Compartir Igual (CC BY-NC-SA)
Referencias consultadas:
1. Mozilla Developer Network. (2026). *Primeros pasos con HTML*. https://developer.mozilla.org/es/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax
2. Mozilla Developer Network. (2026). *HTML: Lenguaje de marcado de hipertexto*. https://developer.mozilla.org/es/docs/Web/HTML
3. Mozilla Developer Network. (2026). *Structuring documents*. https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Structuring_documents
4. World Wide Web Consortium, Web Accessibility Initiative. (2026). *Page Structure Tutorial*. https://www.w3.org/WAI/tutorials/page-structure/
5. World Wide Web Consortium, Web Accessibility Initiative. (2026). *Content Structure*. https://www.w3.org/WAI/tutorials/page-structure/content/
6. van Gog, T., Paas, F., & Sweller, J. (2010). Cognitive load theory: Advances in research on worked examples, animations, and cognitive load measurement. *Educational Psychology Review, 22*, 375–378. https://doi.org/10.1007/s10648-010-9145-4
7. McDermott, K. B. (2021). Practicing retrieval facilitates learning. *Annual Review of Psychology, 72*, 609–633. https://doi.org/10.1146/annurev-psych-010419-051019
8. Mayer, R. E., & Fiorella, L. (Eds.). (2021). *The Cambridge handbook of multimedia learning* (3rd ed.). Cambridge University Press.
9. World Wide Web Consortium. (2023). *Web Content Accessibility Guidelines (WCAG) 2.2*. https://www.w3.org/TR/WCAG22/
10. World Wide Web Consortium, Web Accessibility Initiative. (2026). *ARIA Authoring Practices Guide*. https://www.w3.org/WAI/ARIA/apg/
11. Nielsen, J. (1994/2024). *10 usability heuristics for user interface design*. Nielsen Norman Group. https://www.nngroup.com/articles/ten-usability-heuristics/
12. Universidad de Colima. (2024). *Acuerdo No. 23 de 2024: Lineamientos para el uso de Inteligencia Artificial Generativa*.
Tipo: Es base para Recurso: Es base para Identificadores:
Facultad de Telemática, Universidad de Colima —
21/09/2026 00:00
Clasificación (Taxón):
Descripción:
Recurso introductorio de educación superior orientado al aprendizaje de desarrollo web mediante HTML5. Aborda estructura documental, elementos, semántica, accesibilidad y construcción de una página personal tipo currículum.
