Ruta inicial · HTML y CSS

Construye tu primera interfaz web.

Aprende a estructurar contenido, darle estilo y componer una interfaz que se adapta, con vista previa en cada paso.

Ir al laboratorio 4 niveles · 16 módulos

</>HTML + CSS

Estructura, estilos, composición y un componente final.

Tu recorrido

Cuatro niveles. Dieciséis módulos encadenados.

Cómo practicar HTML y CSS

Empieza aquí si todavía no conoces etiquetas. HTML describe el contenido; CSS cambia su presentación. En cada módulo, localiza la etiqueta o el selector del ejemplo antes de editar.

Lee la misión y conserva la estructura que ya te damos.
Cambia una cosa y pulsa Ver resultado para ver su efecto en el panel aislado.
Compara lo que ves con las tres comprobaciones. Las comprobaciones buscan patrones básicos: no sustituyen revisar visualmente tu página.

La vista previa no ejecuta scripts y solo muestra imágenes incrustadas: una dirección externa no se descarga, para que nada de lo que escribas salga a la red. Es blanca para representar tu página independientemente del tema del sitio. Al estudiar hover, recuerda que móviles y teclado necesitan una alternativa como :focus-visible.

Módulo 1 de 160 completados

Completa los cuatro módulos de cada nivel para abrir el siguiente y habilitar su mini examen. Cada examen tiene cinco preguntas y se aprueba con cuatro aciertos; completa los dieciséis módulos y aprueba los cuatro exámenes para cerrar la ruta.

Mini exámenes: 0 de 3 aprobados

La idea clave

Tu misión

AYUDA GRADUALPistas del módulo

EDITOR

Inicio

VISTA PREVIATu página

VALIDACIÓNQué comprobaremos

Estamos preparando la siguiente etapa.

Construye tu primera interfaz web.

Cuatro niveles. Dieciséis módulos encadenados.

La idea clave

Dieciséis módulos y cuatro mini exámenes superados.