Markdown Guia de Referência

Referência completa de sintaxe Markdown com pré-visualização ao vivo. Cobre Markdown padrão e extensões GitHub Flavored Markdown (GFM).

Títulos

# Heading 1

H1 — largest heading

Exemplo

# My Title

Resultado

<h1>My Title</h1>

## Heading 2

H2 — section heading

Exemplo

## Introduction

Resultado

<h2>Introduction</h2>

### Heading 3

H3 — subsection

Exemplo

### Details

Resultado

<h3>Details</h3>

#### Heading 4

Exemplo

#### Notes

Resultado

<h4>Notes</h4>

##### Heading 5

Exemplo

##### Fine print

Resultado

<h5>Fine print</h5>

###### Heading 6

H6 — smallest heading

Exemplo

###### Footnote

Resultado

<h6>Footnote</h6>

Title
======

H1 — setext style (underline with ===)

Exemplo

My Title
========

Resultado

<h1>My Title</h1>

Title
------

H2 — setext style (underline with ---)

Exemplo

My Section
----------

Resultado

<h2>My Section</h2>

Ênfase e Estilo

**bold**

Bold text

Exemplo

**important**

Resultado

<strong>important</strong>

__bold__

Bold text (alternate)

Exemplo

__important__

Resultado

<strong>important</strong>

*italic*

Italic text

Exemplo

*emphasis*

Resultado

<em>emphasis</em>

_italic_

Italic text (alternate)

Exemplo

_emphasis_

Resultado

<em>emphasis</em>

***bold italic***

Bold and italic

Exemplo

***critical***

Resultado

<strong><em>critical</em></strong>

~~strikethrough~~

Strikethrough (GFM)

Exemplo

~~deprecated~~

Resultado

<del>deprecated</del>

`inline code`

Inline code

Exemplo

`console.log()`

Resultado

<code>console.log()</code>

<mark>highlight</mark>

Highlighted text (HTML in MD)

Exemplo

<mark>key point</mark>

Resultado

<mark>key point</mark>

Listas

- Item
- Item
- Item

Unordered list (dash)

Exemplo

- Apple
- Banana
- Cherry

Resultado

* Item
* Item

Unordered list (asterisk)

Exemplo

* Alpha
* Beta

Resultado

+ Item
+ Item

Unordered list (plus)

Exemplo

+ One
+ Two

Resultado

1. First
2. Second
3. Third

Ordered list

Exemplo

1. Step one
2. Step two
3. Step three

Resultado

1. Item
   - Sub-item
   - Sub-item

Nested list (3 spaces indent)

Exemplo

1. Main
   - Sub A
   - Sub B

Resultado

Nested <ul> inside <li>

- [ ] Unchecked
- [x] Checked

Task list (GFM)

Exemplo

- [ ] Todo
- [x] Done

Resultado

Interactive checkboxes

Links e Imagens

[text](url)

Inline link

Exemplo

[OpenAI](https://openai.com)

Resultado

<a href="https://openai.com">OpenAI</a>

[text](url "title")

Link with title tooltip

Exemplo

[GitHub](https://github.com "GitHub")

Resultado

<a href="..." title="GitHub">GitHub</a>

[text][ref]

[ref]: url

Reference-style link

Exemplo

[Google][goo]

[goo]: https://google.com

Resultado

Reusable reference links

<https://url>

Autolink (bare URL)

Exemplo

<https://example.com>

Resultado

Clickable URL

![alt](url)

Inline image

Exemplo

![Logo](logo.png)

Resultado

![alt](url "title")

Image with title

Exemplo

![Logo](logo.png "My Logo")

Resultado

[![alt](img)](url)

Linked image

Exemplo

[![Logo](logo.png)](https://site.com)

Resultado

Clickable image

Código

`code`

Inline code

Exemplo

Use `npm install`

Resultado

<code>npm install</code>

```
code
```

Fenced code block

Exemplo

```
console.log('hi')
```

Resultado

```javascript
code
```

Syntax highlighted code

Exemplo

```python
print('hello')
```

Resultado

Highlighted code block

    indented code

Code block via 4-space indent

Exemplo

    def hello():
        pass

Resultado

``code with `backtick` inside``

Double backticks for inline code with backtick

Exemplo

``Use `code` here``

Resultado

Tabelas

| Col1 | Col2 |
|------|------|
| A    | B    |

Basic table (GFM)

Exemplo

| Name | Age |
|------|-----|
| Ana  | 25  |

Resultado

<table>...

| Left | Center | Right |
|:-----|:------:|------:|

Column alignment (GFM)

Exemplo

| Left | Center | Right |
|:-----|:------:|------:
| a    | b      | c     |

Resultado

Left/center/right aligned cols

Citações

> Quote text

Blockquote

Exemplo

> To be or not to be.

Resultado

> Line 1
> Line 2

Multi-line blockquote

Exemplo

> First line
> Second line

Resultado

Single blockquote element

> Outer
> > Nested

Nested blockquote

Exemplo

> Level 1
> > Level 2

Resultado

Nested <blockquote>

> **Note:** text

Styled blockquote with bold

Exemplo

> **Warning:** Be careful!

Resultado

<blockquote><strong>Warning:</strong>...

Listas de Tarefas

- [ ] Unchecked task

Unchecked checkbox (GFM)

Exemplo

- [ ] Write tests

Resultado

Unchecked checkbox

- [x] Completed task

Checked checkbox (GFM)

Exemplo

- [x] Deploy app

Resultado

Checked checkbox

- [ ] Task
  - [ ] Subtask

Nested task list

Exemplo

- [ ] Feature
  - [x] API done
  - [ ] UI todo

Resultado

Nested checkbox list

Outros

---

Horizontal rule (thematic break)

Exemplo

Section 1

---

Section 2

Resultado

<hr>

***

Horizontal rule (3 asterisks)

Exemplo

***

Resultado

<hr>

\*escaped\*

Escape Markdown characters with \

Exemplo

\*not bold\*

Resultado

*not bold*

<br>

Forced line break within paragraph

Exemplo

Line one<br>Line two

Resultado

<br> in HTML

Two trailing spaces  
next line

Hard line break (2 spaces + enter)

Exemplo

First line  
Second line

Resultado

Line break within paragraph

<!-- comment -->

HTML comment (hidden in output)

Exemplo

<!-- TODO: fix this -->

Resultado

Not rendered

GitHub Flavored Markdown

~~strikethrough~~

Strikethrough

Exemplo

~~old text~~

Resultado

https://auto.link

Autolink (bare URL auto-linked)

Exemplo

https://example.com

Resultado

@username

User mention (GitHub)

Exemplo

@octocat

Resultado

Linked profile mention

#123

Issue/PR reference (GitHub)

Exemplo

Fixes #42

Resultado

Linked issue reference

SHA reference

Commit SHA reference (GitHub)

Exemplo

a5c3785

Resultado

Linked commit

```mermaid
graph
```

Mermaid diagram (GitHub/GitLab)

Exemplo

```mermaid
graph LR
  A-->B
```

Resultado

Rendered diagram

> [!NOTE]

GitHub alerts (NOTE/TIP/WARNING/CAUTION)

Exemplo

> [!WARNING]
> Be careful!

Resultado

Styled alert box

Início Rápido: Markdown Essencial

Text Formatting

**bold text**
*italic text*
***bold italic***
~~strikethrough~~
`inline code`

Headings

# H1 — largest
## H2 — section
### H3 — sub
#### H4
##### H5

Lists

- Unordered item
* Also unordered
1. Ordered item
2. Second item
- Nested item

Links & Images

[text](url)
[text](url "title")
![alt](image.png)
<https://autolink>
[![img](img)](url)

Code Blocks

`inline code`
```language
code block body
```
4-space indent

GFM Extensions

- [ ] Task list
- [x] Completed
| Table | Col |
> [!NOTE] alert
@mention, #issue

Sintaxe de Tabelas Markdown

As tabelas são uma extensão GitHub Flavored Markdown (GFM). Use '|' para separar colunas, e dois-pontos na linha separadora para alinhar o conteúdo:|

| Name    | Role      | Score |
|:--------|:---------:|------:|
| Alice   | Developer |   100 |
| Bob     | Designer  |    95 |

:--- Alinhar à esquerda:---: Centralizar---: Alinhar à direita

Experimentar o Pré-visualizador Markdown

Escreva e pré-visualize Markdown em tempo real com renderização ao vivoe opções de exportação.

Abrir Pré-visualizador →

Perguntas Frequentes

O que é Markdown?

Markdown é uma linguagem de marcação leve criada por John Gruber em 2004. Usa sintaxe de formatação em texto simples para criar HTML: #títulos, **negrito**, *itálico*, [links], `código` e mais. É usado em arquivos README, GitHub, Reddit, Slack e muitos sistemas de documentação.

Qual é a diferença entre CommonMark e GitHub Flavored Markdown?

CommonMark é uma especificação Markdown padronizada. GitHub Flavored Markdown (GFM) estende-a com listas de tarefas, tabelas, tachado, links automáticos e realce de sintaxe em blocos de código. A maioria das plataformas modernas suporta GFM.

Como adiciono realce de sintaxe a blocos de código?

Use três acentos graves seguidos do nome da linguagem: ```javascript. As linguagens suportadas incluem javascript, python, typescript, bash, css, html, json, yaml, sql e muitas mais.

Como escapo caracteres especiais Markdown?

Use uma barra invertida antes do caractere: \* para *, \_ para _, \` para `, \# para #, \[ para [ etc. Isso impede que o Markdown os interprete como sintaxe de formatação.

Markdown Guia de Referência

Referência completa de sintaxe Markdown com pré-visualização ao vivo. Cobre Markdown padrão e extensões GitHub Flavored Markdown (GFM).

Títulos

# Heading 1

H1 — largest heading

Exemplo

# My Title

Resultado

<h1>My Title</h1>

## Heading 2

H2 — section heading

Exemplo

## Introduction

Resultado

<h2>Introduction</h2>

### Heading 3

H3 — subsection

Exemplo

### Details

Resultado

<h3>Details</h3>

#### Heading 4

Exemplo

#### Notes

Resultado

<h4>Notes</h4>

##### Heading 5

Exemplo

##### Fine print

Resultado

<h5>Fine print</h5>

###### Heading 6

H6 — smallest heading

Exemplo

###### Footnote

Resultado

<h6>Footnote</h6>

Title
======

H1 — setext style (underline with ===)

Exemplo

My Title
========

Resultado

<h1>My Title</h1>

Title
------

H2 — setext style (underline with ---)

Exemplo

My Section
----------

Resultado

<h2>My Section</h2>

Ênfase e Estilo

**bold**

Bold text

Exemplo

**important**

Resultado

<strong>important</strong>

__bold__

Bold text (alternate)

Exemplo

__important__

Resultado

<strong>important</strong>

*italic*

Italic text

Exemplo

*emphasis*

Resultado

<em>emphasis</em>

_italic_

Italic text (alternate)

Exemplo

_emphasis_

Resultado

<em>emphasis</em>

***bold italic***

Bold and italic

Exemplo

***critical***

Resultado

<strong><em>critical</em></strong>

~~strikethrough~~

Strikethrough (GFM)

Exemplo

~~deprecated~~

Resultado

<del>deprecated</del>

`inline code`

Inline code

Exemplo

`console.log()`

Resultado

<code>console.log()</code>

<mark>highlight</mark>

Highlighted text (HTML in MD)

Exemplo

<mark>key point</mark>

Resultado

<mark>key point</mark>

Listas

- Item
- Item
- Item

Unordered list (dash)

Exemplo

- Apple
- Banana
- Cherry

Resultado

* Item
* Item

Unordered list (asterisk)

Exemplo

* Alpha
* Beta

Resultado

+ Item
+ Item

Unordered list (plus)

Exemplo

+ One
+ Two

Resultado

1. First
2. Second
3. Third

Ordered list

Exemplo

1. Step one
2. Step two
3. Step three

Resultado

1. Item
   - Sub-item
   - Sub-item

Nested list (3 spaces indent)

Exemplo

1. Main
   - Sub A
   - Sub B

Resultado

Nested <ul> inside <li>

- [ ] Unchecked
- [x] Checked

Task list (GFM)

Exemplo

- [ ] Todo
- [x] Done

Resultado

Interactive checkboxes

Links e Imagens

[text](url)

Inline link

Exemplo

[OpenAI](https://openai.com)

Resultado

<a href="https://openai.com">OpenAI</a>

[text](url "title")

Link with title tooltip

Exemplo

[GitHub](https://github.com "GitHub")

Resultado

<a href="..." title="GitHub">GitHub</a>

[text][ref]

[ref]: url

Reference-style link

Exemplo

[Google][goo]

[goo]: https://google.com

Resultado

Reusable reference links

<https://url>

Autolink (bare URL)

Exemplo

<https://example.com>

Resultado

Clickable URL

![alt](url)

Inline image

Exemplo

![Logo](logo.png)

Resultado

![alt](url "title")

Image with title

Exemplo

![Logo](logo.png "My Logo")

Resultado

[![alt](img)](url)

Linked image

Exemplo

[![Logo](logo.png)](https://site.com)

Resultado

Clickable image

Código

`code`

Inline code

Exemplo

Use `npm install`

Resultado

<code>npm install</code>

```
code
```

Fenced code block

Exemplo

```
console.log('hi')
```

Resultado

```javascript
code
```

Syntax highlighted code

Exemplo

```python
print('hello')
```

Resultado

Highlighted code block

    indented code

Code block via 4-space indent

Exemplo

    def hello():
        pass

Resultado

``code with `backtick` inside``

Double backticks for inline code with backtick

Exemplo

``Use `code` here``

Resultado

Tabelas

| Col1 | Col2 |
|------|------|
| A    | B    |

Basic table (GFM)

Exemplo

| Name | Age |
|------|-----|
| Ana  | 25  |

Resultado

<table>...

| Left | Center | Right |
|:-----|:------:|------:|

Column alignment (GFM)

Exemplo

| Left | Center | Right |
|:-----|:------:|------:
| a    | b      | c     |

Resultado

Left/center/right aligned cols

Citações

> Quote text

Blockquote

Exemplo

> To be or not to be.

Resultado

> Line 1
> Line 2

Multi-line blockquote

Exemplo

> First line
> Second line

Resultado

Single blockquote element

> Outer
> > Nested

Nested blockquote

Exemplo

> Level 1
> > Level 2

Resultado

Nested <blockquote>

> **Note:** text

Styled blockquote with bold

Exemplo

> **Warning:** Be careful!

Resultado

<blockquote><strong>Warning:</strong>...

Listas de Tarefas

- [ ] Unchecked task

Unchecked checkbox (GFM)

Exemplo

- [ ] Write tests

Resultado

Unchecked checkbox

- [x] Completed task

Checked checkbox (GFM)

Exemplo

- [x] Deploy app

Resultado

Checked checkbox

- [ ] Task
  - [ ] Subtask

Nested task list

Exemplo

- [ ] Feature
  - [x] API done
  - [ ] UI todo

Resultado

Nested checkbox list

Outros

---

Horizontal rule (thematic break)

Exemplo

Section 1

---

Section 2

Resultado

<hr>

***

Horizontal rule (3 asterisks)

Exemplo

***

Resultado

<hr>

\*escaped\*

Escape Markdown characters with \

Exemplo

\*not bold\*

Resultado

*not bold*

<br>

Forced line break within paragraph

Exemplo

Line one<br>Line two

Resultado

<br> in HTML

Two trailing spaces  
next line

Hard line break (2 spaces + enter)

Exemplo

First line  
Second line

Resultado

Line break within paragraph

<!-- comment -->

HTML comment (hidden in output)

Exemplo

<!-- TODO: fix this -->

Resultado

Not rendered

GitHub Flavored Markdown

~~strikethrough~~

Strikethrough

Exemplo

~~old text~~

Resultado

https://auto.link

Autolink (bare URL auto-linked)

Exemplo

https://example.com

Resultado

@username

User mention (GitHub)

Exemplo

@octocat

Resultado

Linked profile mention

#123

Issue/PR reference (GitHub)

Exemplo

Fixes #42

Resultado

Linked issue reference

SHA reference

Commit SHA reference (GitHub)

Exemplo

a5c3785

Resultado

Linked commit

```mermaid
graph
```

Mermaid diagram (GitHub/GitLab)

Exemplo

```mermaid
graph LR
  A-->B
```

Resultado

Rendered diagram

> [!NOTE]

GitHub alerts (NOTE/TIP/WARNING/CAUTION)

Exemplo

> [!WARNING]
> Be careful!

Resultado

Styled alert box

Início Rápido: Markdown Essencial

Text Formatting

**bold text**
*italic text*
***bold italic***
~~strikethrough~~
`inline code`

Headings

# H1 — largest
## H2 — section
### H3 — sub
#### H4
##### H5

Lists

- Unordered item
* Also unordered
1. Ordered item
2. Second item
- Nested item

Links & Images

[text](url)
[text](url "title")
![alt](image.png)
<https://autolink>
[![img](img)](url)

Code Blocks

`inline code`
```language
code block body
```
4-space indent

GFM Extensions

- [ ] Task list
- [x] Completed
| Table | Col |
> [!NOTE] alert
@mention, #issue

Sintaxe de Tabelas Markdown

As tabelas são uma extensão GitHub Flavored Markdown (GFM). Use '|' para separar colunas, e dois-pontos na linha separadora para alinhar o conteúdo:|

| Name    | Role      | Score |
|:--------|:---------:|------:|
| Alice   | Developer |   100 |
| Bob     | Designer  |    95 |

:--- Alinhar à esquerda:---: Centralizar---: Alinhar à direita

Experimentar o Pré-visualizador Markdown

Escreva e pré-visualize Markdown em tempo real com renderização ao vivoe opções de exportação.

Abrir Pré-visualizador →

Perguntas Frequentes

O que é Markdown?

Qual é a diferença entre CommonMark e GitHub Flavored Markdown?

Como adiciono realce de sintaxe a blocos de código?

Use três acentos graves seguidos do nome da linguagem: ```javascript. As linguagens suportadas incluem javascript, python, typescript, bash, css, html, json, yaml, sql e muitas mais.

Como escapo caracteres especiais Markdown?

Use uma barra invertida antes do caractere: \* para *, \_ para _, \` para `, \# para #, \[ para [ etc. Isso impede que o Markdown os interprete como sintaxe de formatação.

Markdown Guia de Referência

Títulos

Ênfase e Estilo

Listas

Links e Imagens

Código

Tabelas

Citações

Listas de Tarefas

Outros

GitHub Flavored Markdown

Início Rápido: Markdown Essencial

Text Formatting

Headings

Lists

Links & Images

Code Blocks

GFM Extensions

Sintaxe de Tabelas Markdown

Experimentar o Pré-visualizador Markdown

Perguntas Frequentes

References & cheat sheets

Markdown Guia de Referência

Títulos

Ênfase e Estilo

Listas

Links e Imagens

Código

Tabelas

Citações

Listas de Tarefas

Outros

GitHub Flavored Markdown

Início Rápido: Markdown Essencial

Text Formatting

Headings

Lists

Links & Images

Code Blocks

GFM Extensions

Sintaxe de Tabelas Markdown

Experimentar o Pré-visualizador Markdown

Perguntas Frequentes