Saltar para o conteúdo
MarkdownToHTML

Referência

Referência de Markdown

Cada construção essencial de Markdown, o HTML que produz, e como é apresentada. Os exemplos são convertidos em tempo real durante a compilação com o mesmo motor do conversor.

Títulos

De um a seis caracteres #.

Markdown

# Heading 1
## Heading 2
### Heading 3

HTML

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

Apresentado

Heading 1

Heading 2

Heading 3

Negrito, itálico e rasurado

O rasurado precisa de GFM.

Markdown

**bold**, *italic*, ***both***, ~~strikethrough~~

HTML

<p><strong>bold</strong>, <em>italic</em>, <em><strong>both</strong></em>, <del>strikethrough</del></p>

Apresentado

bold, italic, both, strikethrough

Links

Em linha, com título, e automáticos.

Markdown

[Inline link](https://example.com)

[With a title](https://example.com "Example")

https://example.com

HTML

<p><a href="https://example.com">Inline link</a></p>
<p><a href="https://example.com" title="Example">With a title</a></p>
<p><a href="https://example.com">https://example.com</a></p>

Imagens

Igual a um link, com um ! à frente.

Markdown

![Site logo](/favicon.svg)

HTML

<p><img src="/favicon.svg" alt="Site logo"></p>

Apresentado

Site logo

Listas não ordenadas

Use -, * ou +. Indente dois espaços para aninhar.

Markdown

- Apples
- Oranges
  - Blood orange
- Pears

HTML

<ul>
  <li>Apples</li>
  <li>Oranges
    <ul>
      <li>Blood orange</li>
    </ul>
  </li>
  <li>Pears</li>
</ul>

Apresentado

  • Apples
  • Oranges
    • Blood orange
  • Pears

Listas ordenadas

Os números não têm de ser sequenciais.

Markdown

1. First
2. Second
3. Third

HTML

<ol>
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
</ol>

Apresentado

  1. First
  2. Second
  3. Third

Listas de tarefas

Caixas de verificação GFM.

Markdown

- [x] Write the draft
- [ ] Publish it

HTML

<ul>
  <li><input checked="" disabled="" type="checkbox"> Write the draft</li>
  <li><input disabled="" type="checkbox"> Publish it</li>
</ul>

Apresentado

  • Write the draft
  • Publish it

Citações

Prefixe as linhas com >.

Markdown

> Simple is better
> than complex.

HTML

<blockquote>
  <p>Simple is better
  than complex.</p>
</blockquote>

Apresentado

Simple is better than complex.

Código em linha

Envolva com crases.

Markdown

Run `npm install` first.

HTML

<p>Run <code>npm install</code> first.</p>

Apresentado

Run npm install first.

Blocos de código

Adicione uma linguagem após a cerca de abertura para destaque.

Markdown

```js
const answer = 42;
```

HTML

<pre><code class="hljs language-js"><span class="hljs-keyword">const</span> answer = <span class="hljs-number">42</span>;
</code></pre>

Apresentado

const answer = 42;

Tabelas

GFM. Dois pontos na linha divisória definem o alinhamento.

Markdown

| Name | Qty |
| ---- | --: |
| Tea  |   2 |
| Milk |  10 |

HTML

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th align="right">Qty</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tea</td>
      <td align="right">2</td>
    </tr>
    <tr>
      <td>Milk</td>
      <td align="right">10</td>
    </tr>
  </tbody>
</table>

Apresentado

Name Qty
Tea 2
Milk 10

Linha horizontal

Três ou mais -, * ou _.

Markdown

Above

---

Below

HTML

<p>Above</p>
<hr>
<p>Below</p>

Apresentado

Above


Below

Quebras de linha

Termine uma linha com dois espaços ou uma barra invertida, ou ative "Quebras de linha como <br>".

Markdown

First line\
Second line

HTML

<p>First line<br>Second line</p>

Apresentado

First line
Second line

Escape de carateres

Escape carateres especiais com barra invertida.

Markdown

\*not italic\*

HTML

<p>*not italic*</p>

Apresentado

*not italic*

Fora do Markdown essencial

Notas de rodapé, listas de definição, matemática, e códigos de emoji são extensões que este conversor não processa. HTML bruto dentro do seu Markdown passa sem alterações quando Sanitizar HTML está desativado, e é limpo quando está ativado.