Cómo ejecutar código HTML

Pasos

1. Empieza con la plantilla inicial o carga un proyecto de ejemplo.
2. Edita la estructura HTML, los estilos CSS y el comportamiento JavaScript.
3. Pulsa Ejecutar (Ctrl/Cmd + Enter) para actualizar la vista previa en sandbox.
4. Abre el panel de consola para leer logs, advertencias y errores.
5. Usa los controles responsivos para comprobar el diseño en anchos habituales.
6. Formatea, copia o descarga tu trabajo como index.html.

Ejemplo

Ejemplo — Ejecutar

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px 24px; color: white; background: #2563eb; border: 0; border-radius: 8px; }

JavaScript

document.getElementById("demo").addEventListener("click", () => console.log("Hello"));

Pega cada bloque en su panel y ejecuta. El botón azul escribe Hello en la consola al pulsarlo.

Consejo

La ejecución básica de HTML, CSS y JavaScript para la vista previa ocurre localmente en tu navegador.

Herramientas relacionadas