Menu
CoddyTech
Empezar a aprender
PopularRecorrido

Aprende HTML

Un curso de HTML online, interactivo y gratis. Escribes HTML en cada lección, con vista previa en vivo mientras tecleas y un certificado gratis al terminar.

Empezar a aprender(es gratis)
Ver programaPlayground de HTML

348,572+ codders inscritos

241 lecciones233 retos1,193 preguntas de quiz

  • Apto para principiantes
  • sparkles iconAyuda de codificación con IA
  • hint iconLecciones interactivas prácticas
  • volume On iconNarración de audio en cada lección
  • quiz iconCuestionarios para poner a prueba tu conocimiento
  • certificate iconCertificado gratuito de finalización

Programa

5 secciones6 proyectos241 lecciones233 retos1,193 preguntas de quiz
  1. Sección 1

    Fundamentos

    Empezar secciónEmpezarExpandirContraer    Aprende la estructura y sintaxis básica para crear páginas web desde cero60 lecciones86 retos251 preguntas3 proyectos

    Fundamentos de HTML

    5 lecciones530

    Texto y formato

    6 lecciones1135

    Trabajando con listas

    4 lecciones721

    Tarjeta de receta

    Proyecto4 lecciones4

    Agregar contenido

    5 lecciones837

    Diseño de página

    5 lecciones930

    Página de Perfil Personal

    Proyecto5 lecciones5

    Formularios e Inputs Parte 1

    6 lecciones936

    Formularios e Inputs Parte 2

    7 lecciones1239

    Tablas

    4 lecciones723

    Página de registro de eventos

    Proyecto5 lecciones5

    Desafíos finales

    4 lecciones4
  2. Sección 2

    Estilos con CSSPágina propia

    Empezar secciónEmpezarExpandirContraer    Da vida a tus páginas web con colores, diseños y estilos76 lecciones110 retos418 preguntas3 proyectos

    Introducción

    5 lecciones540

    Cómo añadir CSS

    4 lecciones725

    Selectores básicos

    7 lecciones1247

    Fundamentos del texto

    8 lecciones1450

    Colores y fondos

    5 lecciones834

    Menú de cafetería

    Proyecto3 lecciones3

    Modelo de caja, parte 1

    6 lecciones943

    Modelo de caja, parte 2

    5 lecciones833

    Flex Box

    6 lecciones943

    Formulario de inicio de sesión

    Proyecto4 lecciones4

    Técnicas de diseño

    7 lecciones1151

    Fundamentos del diseño responsive

    6 lecciones1052

    Página web de Tonga

    Proyecto6 lecciones6

    Desafíos finales

    4 lecciones4
  3. Sección 3

    Dominio de CSSPágina propia

    Empezar secciónEmpezarExpandirContraer    ¡Lleva tus habilidades en CSS al siguiente nivel!43 lecciones40 retos164 preguntas

    Dominio de selectores – Combinación

    6 lecciones539

    Pseudoclases interactivas

    5 lecciones431

    Pseudoclases estructurales

    5 lecciones432

    Proyecto de menú desplegable

    4 lecciones4

    Efectos visuales

    5 lecciones536

    Landing Page

    5 lecciones5

    Construye con CSS Grid

    4 lecciones426

    Sitio web de Flavor Fiesta

    4 lecciones4

    Desafíos finales

    5 lecciones5
  4. Sección 4

    Frontend Práctico

    Empezar secciónEmpezarExpandirContraer    Combina estructura y estilo para diseñar páginas web completas y responsivas35 lecciones34 retos197 preguntas

    Variables

    5 lecciones432

    Estrategia Mobile-First

    6 lecciones643

    Tematización y estilos visuales

    5 lecciones535

    Deportes extremos

    3 lecciones3

    Componentes de UI

    6 lecciones642

    Patrones responsivos

    6 lecciones645

    Desafíos finales

    4 lecciones4
  5. Sección 5

    JavaScript en Acción

    Empezar secciónEmpezarExpandirContraer    Explora cómo se usa JavaScript con HTML y CSS27 lecciones27 retos163 preguntas

    Interactividad/Componentes de UI

    4 lecciones433

    Formularios y validación

    3 lecciones324

    Notificaciones y comentarios

    3 lecciones327

    Formulario con notificación Toast

    2 lecciones2

    Navegación

    3 lecciones329

    Temas y personalización

    2 lecciones217

    Animaciones y efectos

    3 lecciones327

    Navegación animada

    3 lecciones36

    Desafíos finales

    4 lecciones4

Cursos de HTML

Cursos prácticos de HTML, gratis para empezar en tu navegador.

Animación de Eclipse Solar | Proyecto HTML/CSS

Popular

En este curso crearás una increíble animación de "Eclipse Solar", mostrando cómo podemos crear interfaces de usuario atractivas y funcionales utilizando animaciones.

  • 10
  • 8
  • 1

Clon de página de Instagram | Proyecto Front-End

Popular

En este curso practicarás enfoques estándar y sencillos de HTML & CSS y crearás un proyecto de clon de página de Instagram.

  • 16
  • 14
  • 1

Desafíos de HTML/CSS - Pack I

¡Este curso pondrá a prueba tus conocimientos de HTML y CSS de una manera divertida y efectiva!

  • 11

HTML - Sitio para principiantes

En este curso pondrás a prueba tus conocimientos básicos de HTML y crearás tu propio sitio básico, con imágenes y texto. ¿Estás listo?

  • 5
  • 4
  • 1

Barra de navegación inferior - Proyecto de HTML/CSS

En este curso crearás una barra de navegación inferior sencilla usando HTML y le darás estilo con CSS. Aprenderás a añadir una animación simple utilizando el selector (:hover) en CSS.

  • 12
  • 11
  • 1

Reproductor de video de YouTube - Proyecto de HTML

En este proyecto, crearás un reproductor de video de YouTube usando HTML y explorarás diversos atributos a lo largo del proceso.

  • 7
  • 5
  • 1
Ver los 26 cursos de HTML
Lo que obtienes
Todo lo que usarás para aprender a programar

Aprende Haciendo

Escribe código real, consulta bases de datos, crea sitios web y domina los prompts de IA. Nuestras lecciones interactivas cubren todas las habilidades que los desarrolladores modernos necesitan.

playground.js
Editor de Código
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Prueba #1test Case Success icon
Prueba #2test Case Success icon
Prueba #3test Case Failure icon
Entrada
"Alex"
Salida
"Hello, Coddy! Alex"

Construye tu Racha

¡Mantén la constancia y observa cómo crece tu progreso! Sigue tu hábito diario de programación, protege tu racha con días de congelación y gana recompensas por aparecer cada día.

12 días de racha

¡Vuelve mañana para mantener tu racha!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Doble o Nada

Día 5 de 7

fire Freeze icon

Congelar Racha

2 left

Donde Quieras

¡Lleva tu viaje de programación contigo! Sin configuración, sin descargas, solo abre y empieza a programar. Disponible en iOS, Android y Web con calificaciones de 4.9 estrellas.

app Store iconDescargar enApp Storegoogle Play iconConsíguelo enGoogle Play
Python
7Racha
250Puntuación
5Energía
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Continuar
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Recorrido
Objetivos
Clasificación
Perfil
4.9
EstrellaEstrellaEstrellaEstrellaEstrella
Calificación

No Estás Solo

Compite en tablas de clasificación globales, invita amigos para ganar recompensas y celebra los logros de los demás. ¡Programar es mejor con amigos!

Liga Challenger
Liga ChallengerLos 7 mejores avanzan
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona de promociónleaderboard Arrow Up icon

Aprende de todas las formas

Lee, escucha, ponte a prueba, pregunta a la IA o consulta cualquier cosa que ya hayas estudiado. Cada lección se adapta a ti.

Introducción a variables
Audio

Una variable es un contenedor con nombre que guarda un valor al que puedes hacer referencia más tarde.

En Python, creas una escribiendo el nombre, un signo igual y el valor que quieres guardar.

El valor puede cambiar con el tiempo: reasignar el nombre simplemente lo apunta a un nuevo valor.

1xSarah

Certifícate

Gana certificados por cada curso que completes. Agrégalos a tu perfil de LinkedIn y currículum para mostrar tu experiencia en programación a los empleadores.

CoddyCertificado de Finalización
Esto certifica queJuan Pérezha completado exitosamente
python iconFundamentos de Python
Verificado
Fechaene 2026
LinkedInAgregar a LinkedIn

Por qué aprender HTML con Coddy

  • Escribe HTML en tu navegador y ve la página renderizada al lado. Sin instalar ningún editor, sin configuraciones. Cada cambio que haces en el código HTML aparece al instante, así el ciclo de feedback es corto.
  • HTML moderno y semántico: encabezados, listas, enlaces, imágenes, tablas, formularios y etiquetas semánticas como <header>, <nav>, <main>, <section>, <footer>. El HTML que realmente usarías para construir un sitio web de verdad.
  • Las pistas de IA te ayudan a corregir errores de HTML -etiquetas sin cerrar, sintaxis rota en los atributos, descuidos de accesibilidad- sin revelarte la respuesta, para que los hábitos al escribir HTML se queden contigo.
  • Certificado gratis de HTML al terminar. Un primer paso creíble para el desarrollo web, que combina de forma natural con los cursos de CSS y JavaScript.

Preguntas frecuentes sobre aprender HTML

¿HTML es fácil de aprender?

HTML es de las cosas más fáciles que puedes aprender en tecnología. Es un lenguaje de marcado, no un lenguaje de programación: estás etiquetando piezas de contenido (encabezados, párrafos, enlaces, imágenes) en lugar de escribir lógica. La mayoría de los principiantes arman su primera página web real dentro de la primera hora.

¿Cuánto tiempo se tarda en aprender HTML?

Los fundamentos de HTML suelen aprenderse en una o dos semanas de práctica diaria. Para sentirte cómodo creando proyectos reales, reserva de uno a tres meses según tu ritmo y tu experiencia previa.

¿Debería aprender HTML antes que CSS y JavaScript?

Sí. HTML define la estructura de una página; CSS controla cómo se ve; JavaScript la vuelve interactiva. Aprender HTML primero te da algo concreto que luego puedes estilizar y animar. El curso de HTML es corto a propósito, así puedes avanzar rápido a CSS y JS.

¿HTML es un lenguaje de programación?

Estrictamente hablando, no. HTML es un lenguaje de marcado que se usa para describir la estructura del contenido web. Por sí solo no tiene variables, condicionales ni bucles. La programación real de una página web viene de JavaScript, que se cubre en un curso aparte.

¿Puedo aprender HTML online de forma gratuita?

Sí. El curso interactivo de HTML es gratis - lecciones, ejercicios de código, una vista previa de HTML en vivo y un certificado. Todo corre en el navegador, así que no necesitas instalar ningún editor ni herramientas para empezar.

¿Recibo un certificado al terminar el curso de HTML?

Sí. Al terminar el curso de HTML obtienes un certificado de finalización gratuito. Una prueba verificable que puedes agregar a tu currículum o compartir en LinkedIn, normalmente como un paso hacia un portafolio más completo de HTML, CSS y JavaScript.

Rutas de aprendizaje que incluyen este curso

Este curso es un paso de una ruta más larga: varios cursos en el orden en que los enseñaría un mentor, cada uno con su propio certificado gratis.

Ilustración de los lenguajes de programación de Coddy

Aprende HTML con Coddy

Comenzar