Teste e visualize seu código HTML online
Cole seu código HTML, CSS e JavaScript e veja o resultado no navegador, em tempo real.
469 usosComo usar o Preview de HTML
- 1
Cole seu HTML
Cole o código HTML completo no editor à esquerda. Pode incluir CSS e JavaScript inline.
- 2
Escolha o viewport
Selecione entre Mobile, Tablet ou Desktop para simular diferentes resoluções de tela.
- 3
Visualize o resultado
O preview é atualizado em tempo real conforme você edita o código. Veja exatamente como seu site ficará no navegador.
O que é um teste de HTML online?
Um teste de HTML online é uma forma de testar código HTML diretamente no navegador, sem salvar arquivos localmente ou configurar um servidor. É ideal para conferir rapidamente o código que uma IA gerou, verificar layouts responsivos e experimentar mudanças visuais antes de publicar. Desenvolvedores, designers e criadores de conteúdo usam essa ferramenta para acelerar o fluxo de trabalho e garantir que o resultado final esteja correto.
Teste seu código HTML com CSS e JavaScript
O preview renderiza a página completa: tags <style> com CSS e tags <script> com JavaScript funcionam normalmente, em um ambiente isolado (sandbox) por segurança. Isso significa que você pode testar HTML, CSS e JavaScript juntos, exatamente como o navegador do visitante vai interpretar — animações, interações e estilos incluídos.
Visualize no celular, tablet e desktop
Os botões de viewport simulam a largura de tela de um celular (375px), tablet (768px) e desktop. Use o modo Mobile para testar como seu HTML aparece no celular antes de compartilhar o link — mais da metade das visitas de um site típico vem de telas pequenas, e um layout que estoura a largura é o problema mais comum em páginas geradas por IA.
Do teste à publicação
Gostou do resultado? O botão "Publicar no Htmly" coloca o código que está no editor no ar em segundos, com um endereço real na internet. Basta informar seu email, sem criar conta. Se preferir enviar arquivos ou um ZIP completo, use a hospedagem de sites do Htmly.
Perguntas frequentes
- O teste de HTML é grátis?
- Sim, a ferramenta é 100% gratuita e sem limite de uso. Não é necessário criar conta para utilizar.
- O teste roda CSS e JavaScript?
- Sim. Você pode usar CSS e JavaScript inline no seu HTML. O preview renderiza estilos e executa scripts em um ambiente isolado (sandbox) por segurança.
- Como visualizo o HTML em tela de celular?
- Use o botão Mobile acima do editor. O preview passa a simular uma tela de 375px de largura, a mesma de um smartphone comum. Os modos Tablet e Desktop simulam as demais resoluções.
- Posso publicar o HTML depois de testar?
- Sim. O botão "Publicar no Htmly" coloca o código do editor no ar em segundos, com URL própria. Basta informar seu email, sem criar conta. O site de teste expira em 1 hora; criando uma conta gratuita ele fica no ar permanentemente.
- Meu código fica salvo?
- Não. O código que você digita fica apenas no seu navegador e não é armazenado em nenhum servidor. Ao fechar a página, o conteúdo é perdido — a menos que você publique.