Plataforma de aprendizaje

Aprendé HTML & CSS desde cero

Escribís una etiqueta, le das estilo y la ves cobrar vida en el navegador, al instante. Lecciones cortas, sandbox en vivo y un validador que mira el DOM real —no el texto.

index.html
<style>
body margin: 0;
.btn
background: linear-gradient(#6366f1, #14b8a6);
color: #fff;
padding: .8rem 1.4rem;
border-radius: 12px;
box-shadow: 0 8px 24px #4f46e555;
</style>
<button class="btn">Empezá acá →</button>
resultado

El recorrido

Practicá en un sandbox real

29 módulos en orden, de cero a interfaces modernas. En cada lección escribís código y el validador comprueba tu resultado: si te equivocás, te lo dice; cuando lo resolvés, lo confirma.

recorrido · ejercicio
style.css .tarjeta border-radius: 12px; background: #cccccc#14b8a6; padding: 1.5rem; color: #fff;
resultado
Tarjeta Hola, mundo
✗ Revisá el color ✓ ¡Correcto!

La referencia

Consultá cualquier etiqueta

134 entradas de HTML y CSS organizadas como una MDN propia: qué hace, cómo se escribe, su sintaxis y con qué se relaciona. Para cuando ya sabés qué buscás y vas directo al grano.

referencia / html / article
<article> HTML Semántica

Una pieza de contenido autónoma y reutilizable: una nota, un comentario, una tarjeta de producto.

sintaxis <article></article>
Contenido De flujo
Display por defecto block
ver también <section> <aside> <main>

¿Listo para empezar?

Todo lo que necesitás está acá.

Sin login. Sin configuración. El primer módulo está a un clic.