Aiuto:Come usare le tabelle
- Aiuto
In questa pagina viene spiegata la sintassi per inserire una tabella in Wikisource usando la sintassi wiki. Per creare tabelle semplici e standardizzate si consiglia di utilizzare il template {{prettytable}}.
La versione completa e sempre aggiornata di questa pagina la trovi su Meta.
Nel seguito viene mostrato in dettaglio come costruire una tabella.
La struttura delle tabelle
modificaApertura e chiusura
modificaUna tabella è definita dai comandi
| {| parametri |} |
che corrispondono ai comandi HTML standard
| <table parametri> </table> |
- Attenzione: si noti che tra {| e parametri è presente uno spazio (altrimenti il primo parametro viene ignorato)
Aggiunta di una nuova riga
modificaPer cominciare una nuova riga si va a capo e si usa il comando
| |- |
equivalente al comando HTML
| <tr> |
I parametri possono essere aggiunti così:
| |- parametri |
che equivale a:
| <tr parametri> |
il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.
Aggiunta di una serie di celle sulla riga
modificaLe celle vengono generate andando a capo e usando i comandi
| | |
e
| || |
ad esempio
| |cella1 |cella2 |
oppure così:
| |cella1||cella2||cella3 |
perciò "||" è equivalente a "a capo" + "|"
Entrambi i metodi corrispondono (in HTML) a:
| <td>cell1</td><td>cell2</td><td>cell3</td> |
I parametri delle celle vengono inseriti così:
| |parametri|cella1 |
che corrisponde a
| <td parametri> |
Intestazione in grassetto
modificaViene utilizzato "!" al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!
Esempio:
| !parametri|cella1 |
Titolo della tabella (caption)
modificaUn titolo viene creato con il comando
| |+ Descrizione |
che genera
| <caption>Descrizione</caption> |
Possono anche essere usati parametri:
| |+ parametri|Descrizione |
genererà
| <caption parametri>Descrizione |
Esempi
modificaDi seguito alcuni esempi. Prima viene visualizzata la tabella, quindi nel riquadro il codice da usare. Se vuoi fare degli esperimenti ricordati che c'è a tua disposizione la pagina delle prove dove potrai incollare ciò che è contenuto in ogni riquadro.
Esempio semplice
modifica| Cella 1, riga 1 | Cella 2, riga 1 |
| Cella 1, riga 2 | Cella 2, riga 2 |
| {| | Cella 1, riga 1 |
Esempio avanzato
modificaTutta la tabella è ancorata al bordo destro della pagina e la seconda cella della prima riga si unisce alla corrispettiva della seconda riga.
| Cella 1, riga 1 | Cella 2, riga 1 (e 2) | Cella 3, riga 1 |
| Cella 1, riga 2 | Cella 3, riga 2 |
| {| align=right border=1 | Cella 1, riga 1 |
Tabelle annidate
modificaÈ possibile "annidare", cioè inserire una tabella dentro un'altra tabella che la circondi.
| inizio tabella madre |
|
fine tabella madre |
| {| border=1 | inizio tabella madre |
Liste in una cella
modificaÈ possibile inserire un normale elenco puntato all'interno di una cella di tabella: solo si abbia cura di lasciare un caporiga tra l'inizio della cella e l'inizio dell'elenco.
| Prima cella |
|
Terza cella |
| {| border=1 | Prima cella |
Intestazioni
modificaIntestazione dell'intera tabella
modificaÈ possibile aggiungere un'intestazione generale allineata verticalmente in cima e orizzontalmente al centro dell'intera tabella Il codice da usare è "|+"
| Cella 1, riga 1 | Cella 2, riga 1 |
| Cella 1, riga 2 | Cella 2, riga 2 |
| Cella 1, riga 3 | Cella 2, riga 3 |
| {| border=1 align=right |+ '''Intestazione dell'intera tabella.''' |
Intestazioni di colonna
modificaÈ possibile contrassegnare come intestazione singole celle iniziali di colonna o di riga usando il punto esclamativo "!" invece della barra verticale "|". Le righe di intestazione basate sui "!" vanno comunque chiuse con "|-"
| Intestazione 1 | Intestazione 2 |
|---|---|
| Cella1 | Cella2 |
| {| border=1 ! Intestazione 1!! Intestazione 2 |
Intestazioni di riga
modifica| intestazione riga 1 | abc def ghi | gchf ghh dfgh |
|---|---|---|
| intestazione riga 2 | gfbb gbgbds | dfgsdsdg |
| {| border=1 cellspacing=0 ! intestazione riga 1 |
Intestazioni di colonna e di riga
modifica| Intestazione colonna 1 | intestazione colonna 2 | |
|---|---|---|
| intestazione riga 1 | abc def ghi | gchf ghh dfgh |
| intestazione riga 2 | gfbb gbgbds | dfgsdsdg |
| {| border=1 cellspacing=0 ! |
 |
Attenzione a questo codice, pare simile al precedente ma senza gli opportuni caporiga l'effetto è diverso:
|
Colori
modificaÈ possibile colorare righe o celle usando i codici esadecimali dei colori subito dopo i codici di apertura di cella o riga.
| cella 1 | cella 2 |
| cella 3 | cella 4 |
| {| | cella 1 || cella 2 |
| cella 1 | cella 2 |
| cella 3 | cella 4 |
| {| | bgcolor=#abcdef | cella 1 || cella 2 |
Centrare una tabella nella pagina
modificaPer centrare una tabella nella pagina occorre inserirla in una tabella esterna a cui assegnare il tag align="center".
{| style="width:100%; background:transparent"
| align="center" |
{| class="wikitable"
! Colonna 1 !! Colonna 2
|-
| Riga 1 cella 1 || Riga 1 cella 2
|-
| Riga 2 cella 1 || Riga 2 cella 2
|}
|}
Risultato:
|
Come convertire una tabella HTML
modificaUna tabella HTML può essere convertita direttamente in una wiki-tabella servendosi dei convertitori automatici contenuti nei seguenti siti:
- http://diberri.dyndns.org/html2wiki.html broken link!
- http://www.uni-bonn.de/~manfear/html2wiki-tables.php broken link!
Domande?
modificaSe hai domande, dubbi, proposte o necessiti di chiarimenti su come usare le tabelle premi qui e lascia un messaggio nella pagina di discussione.