Jugador

Principiante

🎯 Puntaje 0

⭐ Racha 0

🏆 Nivel 1

Progreso del Nivel

0 / 100 XP

Correctas: 0

Intentos: 0

🏅 Logros Recientes

🎯 Aprende HTML Semántico

Arrastra las etiquetas HTML a las zonas correctas para construir una página web

🛠️ Misión 1: Arquitecto HTML

Organiza la base de tu galaxia web ubicando cada etiqueta semántica en su hábitat ideal.

Cúpula <header> Da la bienvenida a quienes aterrizan en tu sitio astral.

Pasarela <nav> Traza las rutas que conectan tu universo contenido.

Núcleo <main> Resguarda la historia principal de tu misión.

Bitácora <article> Registra relatos completos listos para despegar solos.

Satélite <aside> Nutre la misión con datos extra y enlaces de apoyo.

🎨 Misión 2: Laboratorio CSS

Activa tu panel de control y combina propiedades hasta lograr la interfaz soñada de la colonia.

⏱️ 03:00

🎯 Desafío 1: Recalibra el módulo

Haz que el panel de prueba se alinee con precisión en el corazón del contenedor.

1 / 4

🛠️ Consola de Estilo

Posicionamiento orbital:

Espectro cromático:

Disposición modular:

Efectos atmosféricos:

🖼️ Radar de Vista Previa

Elemento a centrar

✅ ¡Perfecto!

Aplicar degradado aquí

✅ ¡Increíble degradado!

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

✅ ¡Layout responsive perfecto!

¡Hazme brillar!

✅ ¡Efectos espectaculares!

📝 Log de Estilos:

/* Los estilos aparecerán aquí */

⚡ Misión 3: Sala de Cómputo JavaScript

Rellena los scripts críticos del sistema para que la nave responda como un rayo.

🖱️ Encender sensores

button.addEventListener('', function() {
        alert('¡Botón presionado!');
    });

❓ Programa el disparador correcto

📝 Verificación de identidad

function validarFormulario() {
        const nombre = document.('nombre').value;
    
        if (nombre === '') {
            return ;
        }
        return true;
    }

❓ Autoriza la secuencia sin errores

🔄 Consola dinámica

const elemento = document.querySelector('.mi-clase');
    elemento..color = 'blue';
    elemento. = 'Texto cambiado';

❓ Ajusta el panel a tiempo real

🔍 Analítica de datos

const numeros = [1, 2, 3, 4, 5];
    const pares = numeros.(num => num % 2 === 0);
    console.log(pares); // [2, 4]

❓ Optimiza la salida del scanner

🧩 Piezas HTML

Despliega cada componente en la consola principal para desbloquear el hiperimpulso.

<nav>

<main>

<aside>