2024-04-15
Creare tabelle in Markdown è un processo semplice che migliora l'organizzazione e la presentazione dei dati sul web. Questa guida copre tutto ciò che devi sapere, dalla sintassi di base alle opzioni di formattazione avanzate:
Markdown Toolbox
| e trattini - per creare tabelle semplici.:.& e | usando entità HTML o backslash.Alla fine di questa guida, sarai in grado di creare tabelle chiare e informative in Markdown, rendendo i tuoi contenuti più strutturati e accessibili.
Puoi decidere come allineare il tuo testo nelle colonne modificando la riga dei trattini - :
:---: = Il testo è allineato a sinistra:--: = Il testo è centrato---: = Il testo è allineato a destra| Sinistra | Centro | Destra |
| :--- | :----: | ----: |
| Testo | Testo | Testo |
Per esempio:
| Sinistra | Centro | Destra |
|---|---|---|
| Testo | Testo | Testo |
Puoi rendere il testo in grassetto, corsivo, aggiungere link o anche codice all'interno delle celle delle tabelle usando trucchi di Markdown regolari:
** o __* o _Blocchi di codice inlinePer esempio:
| Nome | Descrizione |
|---|---|
| John | Insegnante che ama imparare nuove cose |
| Sarah | Ingegnere che lavora su progetti interessanti |
Questo mostra le basi per creare tabelle in Markdown. Con un po' di pratica, possono essere un ottimo modo per organizzare i dati in modo chiaro per pagine web o documenti.
Quando crei tabelle in Markdown, a volte vorrai includere caratteri speciali che il formato Markdown solitamente usa per altre cose. Per esempio, poiché Markdown usa pipe | per separare le colonne, se vuoi mostrare un simbolo pipe all'interno di una cella, devi trovare un modo per aggirarlo.
Ci sono un paio di modi per farlo:
Un modo è usare le entità di caratteri HTML. Questi sono codici speciali che ti permettono di mostrare caratteri che hanno altri significati in HTML o Markdown. Per esempio, & per un e commerciale & e | per un simbolo pipe |.
Ecco come appare:
| Carattere | Entità | Esempio di Rendering |
|---|---|---|
| E commerciale | & |
R&D |
| Pipe | | |
Colonna|Intestazione |
Puoi trovare un elenco completo delle entità di caratteri HTML qui.
Un altro modo è mettere un backslash \ prima del carattere speciale. Questo dice a Markdown di trattare il carattere successivo proprio come qualsiasi altro testo.
\| = mostra un pipe |
\\ = mostra un backslash \
Ma ricorda, usare un backslash non funziona per ogni carattere nelle tabelle Markdown, come ad esempio il pipe |.
Infine, puoi usare i blocchi di codice di Markdown per mostrare caratteri speciali esattamente come sono. Basta metterli tra backtick `.
` | * | & | \ | | `` ``
Questo apparirà come:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
In breve, usa entità HTML o backslash quando puoi per sfuggire ai caratteri speciali. Per pipe e altri simboli complicati, i blocchi di codice sono un buon modo per mostrarli esattamente come sono.
Markdown ha diversi stili, ciascuno con il proprio modo di gestire le tabelle. Esplora questi stili e alcuni consigli per creare ottime tabelle:
GFM è ciò che vedi su GitHub. Ti consente di creare tabelle facilmente:
| Intestazione 1 | Intestazione 2 |
|----------|----------|
| Riga 1a | Riga 1b |
| Riga 2a | Riga 2b |
Non è necessario mettere pipe | alla fine di ogni riga, ma è una buona idea per evitare errori.
Queste versioni aggiungono più opzioni per le tabelle, come l'allineamento del testo:
| Destra | Sinistra | Predefinito | Centro |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Usa i due punti : per controllare l'allineamento del testo.
CommonMark non ha la sua propria sintassi per le tabelle. Devi usare i tag HTML per creare le tabelle.
In GFM e simili, non hai sempre bisogno delle pipe laterali |:
Intestazione 1 | Intestazione 2
--------- | ---------
Riga 1a | Riga 1b
Riga 2a | Riga 2b
Lasciarle fuori può rendere più facile la modifica, ma averle aiuta a evitare errori.
Cerca di abbinare le larghezze delle colonne per rendere la tua tabella più ordinata:
| Breve | Colonna di Esempio Più Lunga |
|-------|-----------------------|
| Testo | Testo di esempio in più |
Questo rende la tua tabella più facile da leggere.
Creare tabelle da zero può essere difficile. Ecco alcuni strumenti per aiutarti:
Il Generatore di Tabelle Markdown ti consente di creare tabelle senza codificare. Basta compilare le informazioni e ti darà il codice.
Convertitore di Tabelle trasforma rapidamente i dati da fogli di calcolo in tabelle Markdown.
Il editor Markdown Typora ha un modo semplice per aggiungere e stilizzare le tabelle.
Alcune app rendono facile lavorare con le tabelle Markdown:
Typora ha un menu semplice per aggiungere e cambiare le tabelle.
Zettlr ti permette di inserire una tabella base e poi modificarla direttamente.
Conoscere questi consigli e strumenti può rendere molto più semplice lavorare con le tabelle Markdown. Ricorda, l'obiettivo è rendere le informazioni chiare e facili da leggere.
Facciamo un po' di pratica pratica con la creazione di tabelle usando Markdown. Ecco alcuni esercizi semplici per aiutarti a familiarizzare con esso:
Prima di tutto, creiamo una semplice tabella che elenchi diversi frutti:
| Frutto | Colore | Forma |
| Frutto | Colore | Forma |
| - | - | - |
| Frutto | Colore | Forma |
| - | - | - |
| Mela | Rossa | Rotonda |
| Frutto | Colore | Forma |
| - | - | - |
| Mela | Rossa | Rotonda |
| Banana | Gialla | Lunga |
| Arancia | Arancione | Rotonda |
Successivamente, aggiungiamo un po' di stile alla nostra tabella dei frutti:
** intorno a loro:| **Frutto** | **Colore** | **Forma** |
| - | - | - |
| Banana | *Gialla* | Lunga |
| Arancia | [Arancia](https://www.w3schools.com/colors/colors_names.asp) | Rotonda |
Per una sfida maggiore, creiamo una tabella con più dettagli:
| **Nome** | **Posizione** | **Salario** |
| - | - | - |
| **Nome** | **Posizione** | **Salario** |
| - | - | - |
| John | Manager | $80,000 |
| Sarah | Sviluppatore | $60,000 |
| Lisa | Designer | $50,000 |
| **Nome** | **Posizione** | **Salario** |
| - | - | ---: |
Praticare con questi passaggi è un ottimo modo per familiarizzare di più con la creazione di tabelle Markdown. Prova a creare diversi tipi di tabelle e a giocare con la formattazione per vedere cosa puoi fare.
Modificare le tabelle in Markdown può essere un po' faticoso, ma conoscere alcune scorciatoie da tastiera può semplificare molto. Ecco un elenco di scorciatoie che possono aiutarti a lavorare più velocemente:
Tab - Salta alla cella successivaShift + Tab - Torna alla cella precedenteEnter - Passa alla riga successivaCtrl/Cmd + Enter - Termina la modifica della tabellaCtrl/Cmd + Frecce - Muoviti facilmente tra le celleCtrl/Cmd + l - Allinea il testo a sinistraCtrl/Cmd + e - Centra il testoCtrl/Cmd + r - Allinea il testo a destraCtrl/Cmd + . - Rimuovi eventuali allineamenti specificiAlt + i - Aggiungi una nuova riga sopraAlt + a - Aggiungi una nuova riga sottoAlt + j - Aggiungi una colonna a sinistraAlt + l - Aggiungi una colonna a destraAlt + Shift + i - Rimuovi la riga correnteAlt + Shift + a - Rimuovi la riga correnteAlt + Shift + j - Rimuovi la colonna correnteAlt + Shift + l - Rimuovi la colonna correnteShift + Frecce - Seleziona più celleCtrl/Cmd + Alt + Frecce - Muovi l'intera riga o colonnaFamiliarizzando con queste scorciatoie, puoi accelerare il tuo lavoro con le tabelle in Markdown. Tieni questa guida a portata di mano per una consultazione rapida.
Creare tabelle con Markdown ti permette di organizzare le informazioni in modo ordinato per i siti web. È abbastanza semplice una volta che ci prendi la mano. Ecco cosa tenere a mente:
|. Metti i trattini - sotto la riga dell'intestazione per mostrare come il testo dovrebbe allinearsi.: accanto ai trattini sotto la colonna che vuoi regolare.Continua a praticare e presto creare tabelle Markdown sarà un gioco da ragazzi. Ricorda di mantenere le tue tabelle semplici e chiare. L'obiettivo principale è condividere le informazioni in un modo che sia facile da capire per tutti. Le tabelle Markdown sono fantastiche per questo perché ti permettono di organizzare i dati in modo ordinato e diretto.
Per creare tabelle in Markdown, usa il simbolo pipe | per fare le colonne, i trattini - per allineare il testo sotto le intestazioni e i due punti : per allineare il testo a sinistra, al centro o a destra. Inizia con le intestazioni nella prima riga, i trattini nella seconda per definire le colonne e poi aggiungi le tue informazioni sotto. Mantieni tutto ordinato per una lettura più facile. Alcuni editor Markdown possono aiutarti a formattare la tabella più facilmente.
Per allineare il testo in una tabella:
:---:---:---:Basta cambiare i trattini sotto la colonna che desideri allineare nella seconda riga.
Molti editor Markdown, come Typora o Zettlr, hanno scorciatoie per inserire rapidamente una struttura di tabella vuota. Ad esempio, in Typora su Windows, premere Ctrl + T inserirà una tabella vuota nel tuo documento. Controlla la guida del tuo editor per le scorciatoie specifiche.
Per rientrare un blocco di codice, aggiungi una riga vuota prima e dopo il tuo codice e rientra ogni riga del codice con almeno 4 spazi o 1 tab. Questo dice a Markdown di formattarlo in un modo speciale, solitamente con un font diverso per distinguere il codice.