HTML y CSS

Escribe HTML y hojas de estilo reales: elementos de HTML5, selectores de CSS, colores, transformaciones y animaciones, luego formularios, flexbox, grid y diseño adaptable. El código está en inglés, como en los proyectos reales.

19 lecciones66 pasosPro

Empieza aquí

Lección 1 · Documento HTML · paso 1La declaración doctype▷ Introducción de 10 s

Empezar

Inicia sesión para conservar tus estrellas y seguir donde lo dejaste.

PublicidadQuitar anuncios

The Typing Cat Pro: desbloquea todos los cursos. Sin anuncios, certificados, análisis con IA. Ver Pro.

Todos los cursos, y ninguno de estos anunciosPro abre toda la biblioteca y limpia la página. 5,99 US$ al mes.Ver Pro

1La declaración doctypeEmpieza aquíEmpieza aquí▷ 10 sEmpezar
2El cuerpo de la página

The Typing Cat tiene una calificación de 4,1 sobre 5 según 97.379 calificaciones

1Lección 1Documento HTMLEl doctype, el head y el body de una página HTML5.2 pasos

2Lección 2Elementos de secciónsection, encabezados, article, nav, details y form.6 pasos

3Lección 3Contenido incrustadofigure, picture, audio y video.4 pasos

4Lección 4Elementos de textotime, mark y abbr dentro de un párrafo.3 pasos

5Lección 5Selectores de CSSSelectores de atributo, pseudoclases, pseudoelementos y combinadores.4 pasos

6Lección 6Colores en CSSValores de color en hexadecimal, rgb, rgba, hsl y hsla.1 paso

7Lección 7Unidades de CSS y calc()Unidades de longitud y expresiones con calc().2 pasos

8Lección 8Media queries de CSSReglas @media para tamaños de pantalla y orientación.1 paso

9Lección 9Transformaciones de CSStranslate, rotate, scale, transformaciones 3D y perspectiva.4 pasos

10Lección 10Transiciones de CSSLa forma abreviada transition con funciones de temporización y retardos.1 paso

11Lección 11Animaciones de CSSLa forma abreviada animation y las reglas @keyframes.3 pasos

12Lección 12Estructura básica de HTML y headLa estructura de un documento HTML y los elementos del head.4 pasos

13Lección 13Elementos semánticosElementos semánticos de HTML5 para una estructura de página accesible.4 pasos

14Lección 14Formularios y camposElementos de formulario con atributos y validación.5 pasos

15Lección 15Selectores y propiedades de CSSSelectores, propiedades y valores de CSS.5 pasos

16Lección 16Diseño con flexboxPropiedades de flexbox para diseños en una dimensión.4 pasos

17Lección 17Diseño con gridPropiedades de CSS Grid para diseños en dos dimensiones.4 pasos

18Lección 18Animaciones y transiciones de CSSTransiciones, transformaciones y animaciones con keyframes.4 pasos

19Lección 19Diseño adaptable y media queriesMedia queries y patrones de diseño adaptable.5 pasos