¿Qué es el DOM? El Document Object Model (Modelo de Objetos del Documento) es la representación en estructura de árbol que hace el navegador web para convertir etiquetas HTML en nodos interactivos modificables.
Para comprender cómo se traduce tu interfaz gráfica a código, analiza lo siguiente:
Traducción Bidireccional: Cada elemento que escribas, arrastres o agregues al lienzo visual genera y reestructura automáticamente nodos en el panel derecho de código.
Estructura y Atributos: Analiza cómo los estilos de neón, las propiedades de diseño y los eventos interactivos se escriben en líneas de marcado puro.
Interactividad Funcional: Explora cómo funcionan los enlaces web y los eventos de JavaScript incrustados directamente en el DOM.
Componentes
Gráficos Básicos
⬜ Cuadro Neón
⭕ Círculo Neón
🔺 Polígono (SVG)
➖ Línea Separadora
Multimedia y Stickers
🖼️ Insertar Imagen
🎬 Insertar Video
👾 Sticker Alien
Funciones e Hipervínculos
🔗 Botón con Hipervínculo
🌐 Enlace Web (Texto)
⚡ Botón con Evento JS
Lienzo Libre (Gráfico)
Simulador DOM
Haz clic en los enlaces del lienzo para probar la navegación corregida.