Como converter Markdown em HTML passo a passo
Resposta rápida
Para converter Markdown para HTML: cole seu texto Markdown no conversor Markdown para HTML e o HTML renderizado aparecerá instantaneamente. A ferramenta oferece suporte a títulos, negrito, itálico, listas, links, imagens, blocos de código e tabelas. Todo o processamento acontece localmente – seu conteúdo nunca é carregado.
Introdução
Markdown é uma linguagem de marcação leve que usa formatação de texto simples para produzir documentos estruturados. É o padrão para arquivos README, documentação, postagens de blog e comentários em plataformas como GitHub e Reddit. HTML é o formato renderizado pelos navegadores. A conversão de Markdown em HTML permite publicar conteúdo Markdown na web. Este guia mostra como converter Markdown em HTML em seu navegador.
Passo a passo
-
Abra o conversor Markdown para HTML
Vá para a página da ferramenta Markdown para HTML. A ferramenta aceita qualquer texto Markdown como entrada.
-
Cole seu texto Markdown
Cole seu Markdown na área de texto de entrada. Sintaxe comum: # para H1, **bold** para negrito, *italic* para itálico, - para itens de lista, [texto](url) para links,  para imagens e ``` para blocos de código.
-
Revise a saída HTML
A ferramenta analisa o Markdown e gera HTML instantaneamente. Por exemplo, # Hello se torna <h1>Hello</h1>, **bold** se torna <strong>negrito</strong>. O HTML aparece no campo de saída.
-
Copie o HTML
Clique em Copiar para copiar HTML para sua área de transferência. Cole-o em seu site, CMS ou modelo de e-mail. O HTML está pronto para ser renderizado em qualquer navegador.
-
Visualize a saída renderizada (opcional)
Algumas ferramentas também mostram uma visualização ao vivo de como HTML é renderizado em um navegador. Isso ajuda você a verificar a conversão antes de copiar HTML.
Exemplos
Título e parágrafo
Entrada: # Olá mundo
Este é um parágrafo.
Saída: <h1>Hello World</h1>
<p>This is a paragraph.</p>
Negrito, itálico e link
Entrada: **bold** and *italic* and [link](https://example.com)
Saída: <strong>bold</strong> and <em>italic</em> and <a href="https://example.com">link</a>
Lista não ordenada
Entrada: - Artigo 1
- Artigo 2
- Artigo 3
Saída: <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Bloco de código
Entrada: ```
const x = 42;
```
Saída: <pre><code>const x = 42;</code></pre>
Problemas comuns
- HTML bruto em Markdown — a maioria dos analisadores de Markdown passam por HTML bruto, mas alguns o higienizam. Verifique o comportamento do seu analisador se você incorporar HTML.
- Listas aninhadas – o recuo é importante. Use 2 ou 4 espaços consistentemente para itens de lista aninhados; misturá-los pode quebrar a estrutura da lista.
- Caracteres especiais — caracteres como <, > e & no texto Markdown devem ser escapados como <, >, & em HTML. Os analisadores geralmente lidam com isso automaticamente.
- Quebras de linha —no Markdown padrão, uma única nova linha não cria uma quebra de linha; você precisa de dois espaços no final de uma linha ou duas novas linhas para uma quebra de parágrafo.
Dicas
- Use Markdown para escrita e documentação e, em seguida, converta para HTML para publicação — Markdown é muito mais fácil de ler e escrever do que HTML.
- GitHub Flavored Markdown (GFM) adiciona tabelas, tachados e listas de tarefas sobre o Markdown padrão - verifique se sua ferramenta oferece suporte a essas extensões.
- Para postagens de blog, escreva em Markdown e converta para HTML no momento da construção (geradores de sites estáticos como Astro, Hugo, Jekyll fazem isso automaticamente).
- Use nosso conversor Markdown para HTML para conversão instantânea e privada - seu conteúdo nunca sai do seu navegador.