# HTML Online: editor grátis com visualização do resultado na hora

Editor HTML online em português: cole ou digite HTML, CSS e JavaScript e veja o resultado na hora. Grátis, sem cadastro e sem instalar nada. O código não sai do seu navegador. Ferramenta em https://htmlonline.com.br/

## Para que serve um editor HTML online

- **Código de aula ou curso.** Você escreve, vê o resultado do lado e entende o que cada tag faz.
- **HTML gerado por inteligência artificial.** O ChatGPT, o Claude ou o Gemini entregaram uma página e você quer ver como fica antes de publicar.
- **Conferir antes de subir.** Um ajuste rápido em uma página pronta, sem mexer no site que está no ar.

## Como usar

1. Cole ou digite o HTML no editor. CSS e JavaScript podem ir no mesmo arquivo.
2. Veja o resultado ao lado. Ele atualiza enquanto você digita.
3. Publique se quiser: o botão Publicar copia o código e abre o HTMLy (https://htmly.com.br/?utm_source=htmlonline&utm_medium=referral), onde você cola e recebe um link.

## Editor de HTML e CSS no mesmo arquivo

- HTML, CSS e JavaScript no mesmo arquivo, como numa página normal, ou separados nas abas CSS e JS: o editor junta tudo na hora de mostrar, baixar e publicar.
- Código colorido enquanto você digita, sem instalar nada.
- Escolha a disposição: lado a lado, em cima e embaixo, só o código ou só o resultado. Arraste a divisória para ajustar.
- O resultado roda em um quadro isolado.
- Nada é enviado a servidor nenhum. O rascunho fica guardado só no seu navegador, até você clicar em Limpar.
- Erros do JavaScript aparecem embaixo do resultado, com o número da linha.
- Veja o resultado no tamanho de celular, tablet ou tela cheia.
- Baixe o arquivo pronto com o botão Baixar ou com Ctrl+S.
- Funciona no celular.

## Perguntas frequentes

**Preciso criar conta para usar o editor?** Não. Não há cadastro, login nem instalação.

**O código que eu colo fica salvo em algum lugar?** Só no seu navegador, como rascunho, para você não perder o que estava fazendo se fechar a aba. Nada é enviado a servidor nenhum. Clique em Limpar para apagar o rascunho.

**Funciona com CSS e JavaScript?** Sim, de dois jeitos. No mesmo arquivo, com <style> e <script>, como em qualquer página. Ou nas abas CSS e JS: o editor coloca o CSS no <head> e o JavaScript no fim do <body> na hora de mostrar, baixar e publicar.

**Como coloco o HTML no ar com um link?** Pelo botão Publicar (HTMLy) ou pelo GitHub Pages (https://pages.github.com/), que exige mais passos.

**Serve para HTML feito por inteligência artificial?** Sim, é o uso mais comum.
**Precisa baixar ou instalar alguma coisa?** Não. É um editor HTML online: abre no navegador, no computador ou no celular, sem baixar programa nem extensão.

Autor: Edcarlos Scuissato, desenvolvedor.
