Référence

Aide-mémoire Markdown

Chaque construction Markdown essentielle, le HTML qu’elle produit, et son rendu. Les exemples sont convertis en direct au moment de la génération, avec le même moteur que le convertisseur.

Titres

Un à six caractères #.

Markdown

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

HTML

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

Rendu

Heading 1

Heading 2

Heading 3

Gras, italique et texte barré

Le texte barré nécessite le GFM.

Markdown

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

HTML

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

Rendu

bold, italic, both, ~~strikethrough~~

Liens

En ligne, avec titre, et liens automatiques.

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>

Rendu

Inline link

With a title

https://example.com

Images

Comme un lien, précédé d’un !.

Markdown

![Site logo](/favicon.svg)

HTML

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

Rendu

Listes à puces

Utilisez -, * ou +. Indentez de deux espaces pour imbriquer.

Markdown

- Apples
- Oranges
  - Blood orange
- Pears

HTML

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

Rendu

Apples
Oranges
- Blood orange
Pears

Listes numérotées

Les nombres n’ont pas besoin d’être séquentiels.

Markdown

1. First
2. Second
3. Third

HTML

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

Rendu

First
Second
Third

Listes de tâches

Cases à cocher 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>

Rendu

Write the draft
Publish it

Citations

Préfixez les lignes par >.

Markdown

> Simple is better
> than complex.

HTML

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

Rendu

Simple is better than complex.

Code en ligne

Entourez de backticks.

Markdown

Run `npm install` first.

HTML

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

Rendu

Run npm install first.

Blocs de code

Ajoutez un langage après la clôture d’ouverture pour la coloration syntaxique.

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>

Rendu

const answer = 42;

Tableaux

GFM. Les deux-points dans la ligne de séparation définissent l’alignement.

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>

Rendu

Name	Qty
Tea	2
Milk	10

Ligne horizontale

Trois -, * ou _ ou plus.

Markdown

Above

---

Below

HTML

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

Rendu

Above

Below

Sauts de ligne

Terminez une ligne par deux espaces ou une barre oblique inverse, ou activez « Sauts de ligne en <br> ».

Markdown

First line\
Second line

HTML

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

Rendu

First line
Second line

Échappement

Échappez les caractères spéciaux avec une barre oblique inverse.

Markdown

\*not italic\*

HTML

<p>*not italic*</p>

Rendu

*not italic*

Absent du Markdown de base

Les notes de bas de page, listes de définitions, formules mathématiques et raccourcis d’émojis sont des extensions que ce convertisseur ne traite pas. Le HTML brut présent dans votre Markdown est transmis tel quel lorsque Nettoyer le HTML est désactivé, et nettoyé lorsqu’il est activé.

Essayer dans le convertisseur Markdown vers HTML pour l’e-mail