Riferimento

Guida rapida Markdown

Ogni costrutto Markdown fondamentale, l’HTML che produce e come viene renderizzato. Gli esempi vengono convertiti dal vivo in fase di build con lo stesso motore del convertitore.

Titoli

Da uno a sei caratteri #.

Markdown

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

HTML

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

Renderizzato

Heading 1

Heading 2

Heading 3

Grassetto, corsivo e barrato

Il barrato richiede GFM.

Markdown

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

HTML

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

Renderizzato

bold, italic, both, ~~strikethrough~~

Link

Inline, con titolo e autolink.

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>

Renderizzato

Inline link

With a title

https://example.com

Immagini

Come un link, con un ! iniziale.

Markdown

![Site logo](/favicon.svg)

HTML

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

Renderizzato

Liste puntate

Usa -, * o +. Indenta di due spazi per annidare.

Markdown

- Apples
- Oranges
  - Blood orange
- Pears

HTML

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

Renderizzato

Apples
Oranges
- Blood orange
Pears

Liste numerate

I numeri non devono essere sequenziali.

Markdown

1. First
2. Second
3. Third

HTML

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

Renderizzato

First
Second
Third

Liste di attività

Caselle di controllo 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>

Renderizzato

Write the draft
Publish it

Citazioni

Anteponi > alle righe.

Markdown

> Simple is better
> than complex.

HTML

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

Renderizzato

Simple is better than complex.

Codice inline

Racchiudi tra apici inversi.

Markdown

Run `npm install` first.

HTML

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

Renderizzato

Run npm install first.

Blocchi di codice recintati

Aggiungi un linguaggio dopo il recinto di apertura per l’evidenziazione.

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>

Renderizzato

const answer = 42;

Tabelle

GFM. I due punti nella riga separatore impostano l’allineamento.

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>

Renderizzato

Name	Qty
Tea	2
Milk	10

Linea orizzontale

Tre o più -, * o _.

Markdown

Above

---

Below

HTML

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

Renderizzato

Above

Below

A capo

Termina una riga con due spazi o una barra rovesciata, oppure attiva “A capo come <br>”.

Markdown

First line\
Second line

HTML

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

Renderizzato

First line
Second line

Escape

Usa la barra rovesciata per i caratteri speciali.

Markdown

\*not italic\*

HTML

<p>*not italic*</p>

Renderizzato

*not italic*

Non incluso nel Markdown di base

Note a piè di pagina, liste di definizioni, formule matematiche e shortcode delle emoji sono estensioni che questo convertitore non elabora. L’HTML grezzo all’interno del tuo Markdown viene passato invariato quando Sanifica HTML è disattivato, e ripulito quando è attivo.

Provalo nel convertitore Markdown to HTML per email