Visualizador HTML

Escreva ou cole HTML e veja o resultado renderizado instantaneamente no navegador.

Layout:Scripts estão em sandbox e não podem ser executados.

Código HTML

<!DOCTYPE html>
<html>
<head>
  <style>
    body { font-family: sans-serif; padding: 16px; color: #1e293b; }
    h1 { color: #3b82f6; }
    button { background: #3b82f6; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; }
    button:hover { background: #2563eb; }
  </style>
</head>
<body>
  <h1>HTML Viewer</h1>
  <p>Edit the HTML on the left to see it rendered here.</p>
  <button>Click me</button>
</body>
</html>

Visualizar

Sobre esta ferramenta

O Visualizador HTML permite escrever ou colar código HTML e ver imediatamente como ele é renderizado no navegador. A pré-visualização é exibida em um iframe isolado com scripts desativados, permitindo visualizar HTML de fontes não confiáveis com segurança.

Suporta documentos HTML completos (com head, CSS inline e blocos style) e fragmentos HTML. Todo o processamento ocorre localmente no seu navegador.

Como usar

Digite ou cole seu HTML no editor de código à esquerda.
Clique em Renderizar para atualizar a pré-visualização.
Mude para o layout Empilhado para uma área de pré-visualização mais alta.
Use Tab para indentar linhas no editor.

Casos de uso

Desenvolvedores frontend testam fragmentos HTML rapidamente. Desenvolvedores de email visualizam templates HTML. Estudantes aprendendo HTML experimentam com tags e veem resultados instantaneamente. Revisores de código verificam a saída renderizada visualmente.

Perguntas frequentes

Por que os scripts estão desativados? — O iframe de pré-visualização usa sandbox="allow-same-origin" para bloquear execução de JavaScript, permitindo visualizar HTML de fontes desconhecidas com segurança.
Posso visualizar CSS? — Sim. Inclua tags style no seu HTML ou use estilos inline. Folhas de estilo externas de outras origens podem ser bloqueadas por CSP.
Suporta documentos HTML completos? — Sim. Você pode colar um documento HTML completo incluindo tags DOCTYPE, head e body.