Carrera Creador IA · Nivel 1 de 9 · 9-15 años

Tu primera web

HTML y CSS de verdad: tu página personal.

Tu Carrera · 0 de 9 nivelesse hacen en orden

Paso 1 de 6

Escribe tu nombre

<h1> es un título grande. Lo que escribas aparece YA.

👉 Escribe tu nombre y míralo aparecer grande a la derecha.

☝️ Eso que ves en la casilla cyan (Tu nombre) es mi ejemplo — escribe el tuyo encima.Puede ser cualquier cosa. Toca la casilla cyan abajo, borra lo que dice y escribe lo que tú quieras.

🌐 En inglés

HTML = el lenguaje con que se arma una página webtag = etiqueta entre < >, abre y cierra: <h1> … </h1>CSS = cómo se ve la página: colores, tamaños

💡 Esto que vas a escribir tú, también se lo puedes pedir a una IA. Aquí aprendes cómo funciona el código por dentro — y en “De idea a app” aprendes a pedírselo bien a la IA.

tu código · index.html

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title></title>
  <style>
    body{font-family:system-ui,sans-serif;background:;color:#e8e8f0;min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}
    h1{font-size:46px;margin:.2em 0;color:}
    p{font-size:18px;line-height:1.6;opacity:.9}
  </style>
</head>
<body>
  <div>
    <div style="font-size:84px"></div>
    <h1></h1>
    <p>Esto lo programe yo.</p>
    <p style="opacity:.5;font-size:13px">Hecho por mi - Academia IA Kids</p>
  </div>
</body>
</html>

tu web en vivo · 11 etiquetas

✏️ Borra el ejemplo y escribe el tuyo en la casilla cyan

Nivel 2: Hazla viva (JavaScript) →