Misión C11Nivel Creadores (13–15 años) En Celular Computador 20–30 min
HTML: la estructura
Web: HTML básico, etiquetas y accesibilidad
🗺️
Tu Misión de Hoy
Todas las páginas web están hechas con HTML: etiquetas que dicen qué es cada cosa (título, párrafo, imagen, enlace). Hoy creas tu primera página.
🧰
Checklist interactivoQué Necesitas en Casa
Revisa los materiales juntos y marca las casillas a medida que los tengan listos:
Trinket → New Trinket → HTML (vista previa inmediata) o VS Code web
👣
Paso a Paso en Familia
🎮
Minijuego Interactivo: Reto C11
Aprende jugando: resuelve el reto interactivo directamente aquí abajo.
Alterna entre etiquetas HTML para cambiar la jerarquía semántica:
<h1> Título Principal </h1>
🏆 Reto Extra de Exploración
- Añade una tabla con
<table>, <tr>, <td>.🐞 Si algo no funciona (¡Hora de depurar!)
- Todo sale en negrita o raro → falta cerrar una etiqueta.
- La imagen no aparece → revisa la dirección; en Trinket puedes subir la imagen al proyecto.
💬 Muéstraselo a tu Familia
Muestra tu página.
¿Terminaron la misión? Estampa tu sello para avanzar.
Guía para el Adulto Acompañante
Tu rol es guiar con preguntas, no dar la respuesta.
🎯Objetivo
Entender la web: HTML como estructura semántica; accesibilidad con
alt.📋Antes de empezar
Tenga Trinket abierto. Use imágenes libres o hechas por el niño (hable de derechos de autor, E18).
❓Preguntas para hacer
- ¿Qué hace cada etiqueta?
- ¿Para qué sirve
alt?
- ¿Qué pasa si no cierras una etiqueta?
Si se atasca (de menos a más ayuda):
1. Pulse clic derecho → Ver código fuente en una página sencilla.
2. Escriban juntos la estructura base.
3. Den la plantilla y que cambie los textos.💡Sin computador / solo celular
Solo celular: Trinket HTML funciona en el navegador del celular ⚠; un teclado Bluetooth ayuda mucho.
⭐Sello del pasaporte
✅ la página tiene título, lista, enlace e imagen con alt.
🧠Conceptos
Navegación del Programa
🤖
Jugar ➔¿Practicar con el Robot?
Prueba el simulador de cuadrícula 5x5