1. Paleta de Blocos
Arraste ou clique +
🟧 Blocos HTML5 (Estrutura)
<title> Título da Aba
<div> Caixa Container
<h1> Título Principal
<p> Parágrafo de Texto
<input> Campo Digitável
<button> Botão Clicável
<img> Imagem / Foto
🟦 Blocos CSS3 (Estilização)
🎨 Regra de Estilo (Seletor)
🟨 Blocos JavaScript (Ações)
⚡ Clique → Mudar Texto
⚡ Clique → Mudar Cor/Estilo
⚡ Clique → Ler Input e Exibir
2. Área de Montagem (Bancada)
<head> (Metadados da Página)
Solte <title> aqui
<body> (Elementos Visuais da Tela)
Solte tags HTML aqui
🎨 Folha de Estilo (style.css)
Solte regras CSS aqui
⚡ Script de Interatividade (script.js)
Solte eventos JS aqui
3. Código Fonte Gerado
4. Mini-Navegador (Prévia Ao Vivo)
🌐
Sem Título
>_ Console & Feedback Semântico
Limpar