Categoría 1
Estructura raíz
Base del documento: <!DOCTYPE>, <html>, <head>, <body> y su jerarquía.
Aprende más rápido · menos confusión, más práctica
Todo tu contenido visual en una sola página.
Accede a categorías visuales 1–6 y a tus páginas extra en segundos. Menos tiempo buscando archivos, más tiempo entendiendo HTML5.
✅ Ruta clara
Ves qué va en qué, sin perderte.
⚡ Aprendizaje rápido
Ejemplos + vista gráfica en un clic.
🎯 Enfoque total
Todo centralizado: categorías + herramientas.
Ver categorías 1–6
Abrir herramientas
Prompt Maquetación (estrategia) (texto)
Prompt (estrategia + estructura) y (imagen, diseño/blueprint) (Wireframe)
⏱️ 1 clic por tema
🧠 Visual + práctica
📌 Listo para presentar
Categorías visuales (1–6)
Abre cada página en una pestaña nueva. Ideal para estudiar, presentar o repasar rápido.
Categoría 2
Metadatos
Todo lo que vive dentro de <head>: meta, title, link, style, script, noscript.
Categoría 3
Texto y semántica
Etiquetas que dan sentido al contenido: títulos, párrafos, énfasis, citas, código, etc.
Categoría 4
Tablas
Estructura tabular completa: table, caption, thead, tbody, tfoot, tr, th, td.
Categoría 5
Formularios
Captura de datos: form, label, input, select, textarea, button, etc.
Categoría 6
Multimedia
Imagen, audio, video y embebidos: figure, img, video, audio, iframe, canvas, svg…
💡 Tip: abre 2 pestañas (código / visual) y compara para memorizar más rápido.
Siguiente: herramientas ↘
Herramientas y páginas adicionales
Accesos directos a tus archivos (los que aparecen en la imagen). Un clic = una nueva pestaña.
Global
Categoría Global Visual
Vista visual de atributos globales y su aplicación.
Jerarquía
Jerarquía de Etiquetas
Mapa/estructura para entender “qué va dentro de qué”.
Maquetador
Laitana Maquetador
Tu página de maquetación base para construir rápido.
Autocompletable
Maquetador Autocompletable
Versión con autocompletado para acelerar el trabajo.
Autocompletable 2
Autocompletable 2
Variante 2 para practicar flujos y componentes.
Autocompletable 3
Autocompletable 3
Variante 3 para reforzar velocidad y consistencia.
🔥 Recomendación: empieza por 1 → 2 → 3 y luego salta a Formularios o Multimedia.
Volver arriba ↑