Como executar código HTML

Passos

1. Comece pelo template inicial ou carregue um projeto de exemplo.
2. Edite a estrutura HTML, os estilos CSS e o comportamento JavaScript.
3. Pressione Executar (Ctrl/Cmd + Enter) para atualizar a pré-visualização sandbox.
4. Abra o painel do console para ler logs, avisos e erros.
5. Use os controles responsivos para verificar o layout em larguras comuns.
6. Formate, copie ou baixe seu trabalho como index.html.

Exemplo

Exemplo — Executar

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"));

Cole cada bloco no painel correspondente e execute. Ao clicar, o botão azul escreve Hello no console.

Dica

A execução básica de HTML, CSS e JavaScript para a pré-visualização ocorre localmente no seu navegador.

Ferramentas relacionadas