0Pricing
HTML Academy icon

HTML Academy

HTMLWebFrontendBeginner

Construye bases sólidas en desarrollo web aprendiendo HTML en HTML Academy.

🤖 Impulsado por IA📚 40 cursos👥 100.000+ estudiantes⭐ Calificación 4,9
Descripción general del curso

HTML: El lenguaje detrás de cada página web

HTML es la base estructural de la web — cada pestaña del navegador, envío de formulario y video incrustado comienza con marcado. Este track desarrolla fluidez genuina en HTML, desde las reglas que rigen un documento válido hasta las APIs del navegador y modelos de componentes utilizados en sitios modernos de producción. El objetivo no es solo escribir etiquetas, sino entender por qué existe cada elemento y qué señala a navegadores, tecnologías de asistencia y motores de búsqueda.

Qué aprenderás

Comenzarás con estructura de documentos, contenido de texto, enlaces, imágenes y listas, luego pasarás a tablas, formularios y atributos de validación de formularios. El track cubre elementos HTML5 semánticos, la <head> y metadatos, audio y video, y fundamentos de accesibilidad incluyendo roles y atributos ARIA. Cursos posteriores abordan atributos de datos personalizados, plantillas HTML, elementos Canvas y SVG, Web Storage, la API Drag and Drop, etiquetas meta de SEO y redes sociales, y plantillas de correo HTML. Las secciones avanzadas profundizan en Shadow DOM, Web Components y elementos personalizados, módulos HTML e import maps, mejora progresiva, internacionalización, seguridad, la API History and Navigation, Intersection Observer, y construcción de HTML para Progressive Web Apps.

El camino de aprendizaje

Cuarenta cursos avanzan desde A1 a través de A2 y B1 hasta B2, terminando con un capstone C1 sobre HTML a Escala. Los cursos A1 y A2 establecen los fundamentos — estructura de documentos, elementos semánticos, formularios y metadatos. B1 introduce accesibilidad, ARIA, Canvas, SVG y almacenamiento del navegador. B2 es el bloque más grande, cubriendo Web Components, Shadow DOM, rendimiento, seguridad, internacionalización e Intersection Observer. El curso final C1, HTML a Escala, aborda los patrones y restricciones que importan cuando HTML se crea, prueba y mantiene en grandes bases de código.

Cómo funciona

Cada curso se divide en lecciones cortas e interactivas que completas en el editor de código integrado con retroalimentación en tiempo real. Un tutor IA está disponible cuando te atasques, y avanzas a tu propio ritmo — cada lección es independiente para que puedas volver a cualquier tema como referencia más tarde.

Comienza a aprender →

Cómo Aprenderás

🎯
Lecciones Interactivas
Ejercicios de codificación prácticos con retroalimentación en tiempo real
🤖
Tutor de IA
Obtén ayuda instantánea de nuestro IA cuando te atasques
💻
Editor Integrado
Escribe y ejecuta código directamente en tu navegador
🏆
Certificado
Obtén un certificado al completar el curso
Plan de Estudios

40 Cursos

Todos los cursos en la ruta de aprendizaje HTML Academy.

01

Estructura de documentos HTML

A13 lecciones

Aprenda cómo analizan HTML los navegadores, qué hace DOCTYPE y cómo los elementos html, head y body organizan cada página web.

02

Elementos de contenido textual

A14 leccionesPRO

Domine los encabezados, párrafos, énfasis, elementos en línea y control de espacios en blanco con las etiquetas de texto de HTML.

03

Enlaces y navegación

A14 leccionesPRO

Cree sistemas de navegación con elementos anchor, URLs absolutas y relativas, enlaces que se abren en una pestaña nueva e identificadores d…

04

Imágenes y figuras

A14 leccionesPRO

Muestre imágenes de forma adaptable con img, srcset, el elemento picture y pies de figura semánticos.

05

Listas

A14 leccionesPRO

Cree listas no ordenadas, ordenadas y de descripción con un anidamiento correcto y significado semántico.

06

Tablas

A24 leccionesPRO

Cree tablas de datos accesibles con una estructura adecuada, celdas combinadas y secciones de tabla.

07

Atributos HTML y atributos globales

A24 leccionesPRO

Comprenda los atributos id, class, style, hidden, tabindex y los atributos personalizados data-* utilizados en todos los elementos HTML.

08

Fundamentos de los formularios HTML

A24 leccionesPRO

Cree formularios web accesibles con tipos de input, etiquetas, botones y los atributos action y method del elemento form.

09

Controles de formulario avanzados

A24 leccionesPRO

Mejore los formularios con menús desplegables, textareas, grupos de casillas de verificación, botones de opción y autocompletado con datali…

10

Atributos de validación de formularios

A24 leccionesPRO

Utilice atributos de validación de HTML5 como required, pattern, min y max para validar los datos introducidos por el usuario antes del env…

11

HTML5 semántico

A24 leccionesPRO

Sustituya los div genéricos por elementos HTML5 significativos como header, nav, main, footer, article y section.

12

Más elementos semánticos

A24 leccionesPRO

Explore aside, details, summary, progress y meter para añadir más significado e interactividad a las páginas.

13

Head y metadatos de HTML

A24 leccionesPRO

Domine la sección head: title, etiquetas meta, viewport, URLs canónicas, directivas para robots y favicons.

14

Elementos de audio y vídeo

A24 leccionesPRO

Inserte audio y vídeo de forma nativa con HTML5, proporcione varios formatos y añada subtítulos con track y WebVTT.

15

Fundamentos de accesibilidad HTML

B14 leccionesPRO

Comprenda los niveles de WCAG, la jerarquía de encabezados, la estrategia para el texto alternativo y la navegación con teclado para crear…

16

Roles y atributos ARIA

B14 leccionesPRO

Mejore la accesibilidad con roles, etiquetas y descripciones ARIA, y aplique la regla de utilizar primero el HTML nativo.

17

Atributos de datos personalizados

B14 leccionesPRO

Almacene y acceda a metadatos personalizados en elementos HTML mediante atributos data-*, la API dataset y selectores CSS.

18

Plantillas HTML

B14 leccionesPRO

Utilice el elemento template para definir marcado inerte, clonarlo de forma eficiente y compararlo con el renderizado basado en innerHTML.

19

Elemento Canvas

B14 leccionesPRO

Dibuje formas, texto e imágenes en un canvas 2D y anímelos con requestAnimationFrame.

20

SVG en HTML

B14 leccionesPRO

Inserte gráficos vectoriales escalables en línea, utilice formas básicas, controle el viewBox y anime SVG con CSS.

21

iframe y contenido insertado

B14 leccionesPRO

Inserte contenido externo con iframe, comprenda el aislamiento sandbox por motivos de seguridad y utilice la carga diferida para mejorar el…

22

Almacenamiento web de HTML

B14 leccionesPRO

Almacene datos en el cliente con localStorage y sessionStorage, escuche eventos de almacenamiento y siga las directrices de seguridad.

23

API de arrastrar y soltar

B14 leccionesPRO

Implemente interacciones de arrastrar y soltar con la API HTML5 Drag and Drop y el objeto dataTransfer.

24

SEO y metadatos sociales

B14 leccionesPRO

Optimice las páginas para los motores de búsqueda y el uso compartido en redes sociales con OpenGraph, Twitter Cards, JSON-LD y hreflang.

25

Plantillas de correo electrónico HTML

B14 leccionesPRO

Cree HTML compatible con clientes de correo mediante diseños basados en tablas, estilos en línea y técnicas de imágenes compatibles entre c…

26

Patrones ARIA avanzados

B24 leccionesPRO

Implemente patrones de alternancia, interfaces de pestañas y regiones dinámicas, y realice pruebas con lectores de pantalla reales.

27

Rendimiento de HTML

B24 leccionesPRO

Acelere la carga de las páginas con scripts async y defer, sugerencias preload, imágenes cargadas de forma diferida y sugerencias de recurs…

28

Elementos personalizados de Web Components

B24 leccionesPRO

Defina elementos HTML personalizados y reutilizables con la API Custom Elements, callbacks del ciclo de vida y atributos observados.

29

Shadow DOM

B24 leccionesPRO

Encapsule el marcado y los estilos dentro de Shadow DOM, distribuya contenido con slots y exponga APIs de estilos mediante part.

30

Módulos HTML e import maps

B24 leccionesPRO

Utilice scripts de módulos ES, import maps para bare specifiers, importaciones dinámicas y conceptos de Module Federation.

31

Mejora progresiva

B24 leccionesPRO

Construya aplicando mejora progresiva: empiece con un HTML sólido, añada CSS y JavaScript por capas y detecte las funcionalidades correctam…

32

Internacionalización

B24 leccionesPRO

Prepare HTML para audiencias globales con lang, dir, bdi, bdo, charset y compatibilidad con texto de derecha a izquierda.

33

Seguridad en HTML

B24 leccionesPRO

Proteja sus páginas frente a XSS, clickjacking e inyecciones mediante CSP, sandboxing, SRI y prácticas seguras de manipulación de HTML.

34

API avanzada de formularios HTML

B24 leccionesPRO

Aproveche FormData, la Constraint Validation API, los mensajes de validez personalizados y la gestión del estado de los formularios.

35

API de historial y navegación de HTML

B24 leccionesPRO

Gestione el historial del navegador con pushState, eventos popstate y la moderna Navigation API para el enrutamiento de SPA.

36

Intersection Observer

B24 leccionesPRO

Utilice IntersectionObserver para implementar carga diferida, desplazamiento infinito y activadores de animaciones vinculadas al desplazami…

37

HTML para PWA

B24 leccionesPRO

Configure aplicaciones web progresivas con el manifiesto de aplicación web, el registro del service worker y páginas alternativas sin conex…

38

Validación y pruebas de HTML

B24 leccionesPRO

Valide el marcado con W3C Validator, audite HTML con Lighthouse y pruebe la accesibilidad con pa11y y axe.

39

El futuro de HTML

B24 leccionesPRO

Explore funciones emergentes de HTML: Declarative Shadow DOM, Popover API, selectlist y atributos command.

40

HTML a gran escala

C14 leccionesPRO

Gestione HTML en proyectos grandes mediante la extracción de componentes, plantillas del lado del servidor, sistemas de diseño y documentac…

Preguntas frecuentes

Preguntas frecuentes

¿Es gratuito el curso HTML Academy?

Sí. Puedes empezar el curso HTML Academy gratis y completar sus lecciones interactivas sin costo alguno. Una suscripción opcional a PRO desbloquea herramientas avanzadas de IA y un certificado compartible.

¿Necesito experiencia previa para aprender HTML?

No. El curso comienza con los fundamentos y avanza gradualmente hacia temas más avanzados, así que puedes empezar incluso sin experiencia previa en HTML.

¿Cómo aprenderé HTML en CoddyKit?

Aprendes haciendo. Las lecciones interactivas cortas combinan una explicación clara con un ejercicio de codificación práctico que se ejecuta en tiempo real, y un tutor de IA disponible 24/7 te da ayuda personalizada siempre que te atasques.

¿Obtengo un certificado al completar HTML Academy?

Sí. Los aprendices PRO pueden hacer un examen y obtener un certificado compartible de finalización con un código verificable para el curso HTML Academy.

¿Puedo aprender HTML en mi teléfono?

Sí. CoddyKit está disponible en la web y como aplicaciones nativas para iOS y Android, así que puedes aprender HTML en cualquier dispositivo y tu progreso se sincroniza entre ellos.

Comienza HTML Academy Ahora

Únete a miles de estudiantes dominando programación con lecciones impulsadas por IA.

Empezar Gratis →Ver Todos los Cursos