Aiuto:Tabelle

– Sportello informazioni

In questa pagina viene spiegata la sintassi per inserire una tabella in Wikipedia, usando il markup wiki. Per creare tabelle semplici e standardizzate si consiglia però di utilizzare il template {{prettytable}} (vedi anche Aiuto:template).

Esistono alcuni strumenti per generare automaticamente delle tabelle. Per una guida completa sulle tabelle (in inglese), vedi m:Help:Table.

Nel seguito viene mostrato in dettaglio come costruire una tabella.

Sommario

Una 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). Il markup di una tabella si può riassumere nella seguente legenda:

{|	Inizio della tabella
|+	didascalia della tabella, facoltativa, si può mettere solo fra l'Inizio della tabella e la prima riga della tabella
|-	riga della tabella, facoltativa sulla prima riga -- MediaWiki assume che esista la prima riga
!	cella table header, facoltativa. Table header consecutivi possono stare sulla stessa linea separata da doppi punti esclamativi (!!).
|	contenuto della tabella, obbligatorio! Celle consecutive possono essere aggiunte sulla stessa riga separate da doppi pipe (||) o cominciate su nuove righe, ciascuna che inizia con un pipe (|).
|}	Fine della tabella

Aggiunta di una nuova riga

Per 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 si chiuderà automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

Nota: per riportare un testo su più linee, si usa il comando HTML

<br>

Il risultato sarà il seguente:

Questa parte di testo è
stata formattata con il
tag <br>.

Aggiunta di una serie di celle sulla riga

Le celle vengono generate andando a capo e usando i comandi

| 

e

||

ad esempio

|cella1
|cella2
|cella3

oppure così:

|cella1||cella2||cella3

perciò "||" è equivalente a "a capo" + "|"

Entrambi i metodi corrispondono (in HTML) a:

<td>cella1</td><td>cella2</td><td>cella3</td>

I parametri delle celle vengono inseriti così:

|parametri|cella1

che corrisponde a

<td parametri>

Intestazione in grassetto

Funziona allo stesso modo di <td>, tranne che "!" viene utilizzato al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!

Esempio:

!parametro1|parametro2|cella1!!cella2

Titolo della tabella (caption)

Un titolo viene creato con il comando

|+ Descrizione

che genera

<caption>Descrizione</caption>

Possono anche essere usati parametri:

|+ parametri|Descrizione

genererà

<caption parametri>Descrizione

Esempi

Esempio semplice

{| 
| Cella 1, riga 1 
| Cella 2, riga 1 
|- 
| Cella 1, riga 2 
| Cella 2, riga 2 
|}

genera

Cella 1, riga 1	Cella 2, riga 1
Cella 1, riga 2	Cella 2, riga 2

Esempi avanzati

Cella 1, riga 1	Cella 2, riga 1 (e 2)	Cella 3, riga 1
Cella 1, riga 2		Cella 3, riga 2

{| style="float:right" border="1"
| Cella 1, riga 1 
| rowspan="2" | Cella 2, riga 1 (e 2) 
| Cella 3, riga 1 
|- 
| Cella 1, riga 2 
| Cella 3, riga 2 
|}

Cella 1 (e 2), riga 1		Cella 3, riga 1
Cella 1, riga 2	Cella 2, riga 2	Cella 3, riga 2

{| style="float:right" border="1"
| colspan="2" | Cella 1 (e 2), riga 1 
| Cella 3, riga 1 
|-  
| Cella 1, riga 2  
| Cella 2, riga 2 
| Cella 3, riga 2 
|}

Cella 1, riga 1	Cella 2 (e 3), riga 1 (e 2)		Cella 4, riga 1
Cella 1, riga 2			Cella 4, riga 2
Cella 1, riga 3	Cella 2, riga 3	Cella 3, riga 3	Cella 4, riga 3

{| style="float:right" border="1"
| Cella 1, riga 1 
| colspan="2" rowspan="2" | Cella 2 (e 3), riga 1 (e 2) 
| Cella 4, riga 1 
|- 
| Cella 1, riga 2 
| Cella 4, riga 2 
|- 
| Cella 1, riga 3 
| Cella 2, riga 3
| Cella 3, riga 3
| Cella 4, riga 3 
|}

Notare la tabella ancorata a destra

Tabelle annidate

{| border="1"
| tabella madre
|
{| style="background-color:#ABCDEF" border="2"
|tabella
|-
|annidata
|}
|ancora la tabella madre
|}

Questo codice fa apparire una seconda tabella annidata nella prima

tabella madre

tabella annidata

ancora la tabella madre

Liste innestate in una cella

{| border="1"
| tabella madre
|
* Primo elemento della lista
* Secondo elemento della lista
|ancora la tabella madre
|}

Questo codice fa apparire una lista innestata nella seconda cella

tabella madre

Primo elemento della lista Secondo elemento della lista

ancora la tabella madre

Descrizione e righe con più celle

Questo è il titolo. Esempio preso dalla pagina sull'Afghanistan.

Indipendenza	19 agosto 1919
Moneta	Afghani
Fuso orario	UTC+4:30
Inno nazionale	Sououd-e-Melli
TLD	.AF

{| border="1" style="float:right"
|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.
|[[Indipendenza]]||[[19 agosto]] [[1919]]
|-
|[[Moneta]]||[[Afghano]]
|-
|[[Fuso orario]]||[[UTC]]+4:30
|-
|[[Inno nazionale]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|TLD]]||.AF
|}

Viene mostrata sulla destra

Prova con intestazioni

Questo testo

{| border="1"
! Header 1 !! Header 2
|-
| Cella1 || Cella2
|}

disegna

Header 1	Header 2
Cella1	Cella2

Prova di colore su una riga

{|
| cella 1 || cella 2
|- style="background-color:#abcdef"
| cella 3 || cella 4
|}

disegna

cella 1	cella 2
cella 3	cella 4

Test di righe con intestazione e testo

{| border="1" cellspacing="0"
! 
! Header colonna 1 
! header colonna 2 
|-
! header riga 1
| abcde
| fghil
|-
! header riga 2
| mnopq
| rstuv
|}

appare come:

	Header colonna 1	header colonna 2
header riga 1	abcde	fghil
header riga 2	mnopq	rstuv

ma:

{| border="1" cellspacing="0"
!   !! col Header1 !! ch2 
|-
! header riga 3 || abc def ghi ||   gchf ghh dfgh
|-
! header riga 4         || gfbb gbgbds ||    dfgsdsdg
|-
! header riga 5         ||             ||    
|}

appare come:

	col Header1	ch2
header riga 3	abc def ghi	gchf ghh dfgh
header riga 4	gfbb gbgbds	dfgsdsdg
header riga 5

Tabella standard

{| class="wikitable"
! Colonna 1 !! Colonna 2
|-
| Riga 1 cella 1 || Riga 1 cella 2
|-
| Riga 2 cella 1 || Riga 2 cella 2
|}

Colonna 1	Colonna 2
Riga 1 cella 1	Riga 1 cella 2
Riga 2 cella 1	Riga 2 cella 2

Tabella al centro della pagina

Per centrare una tabella nella pagina basta inserirla opportunamente in una tabella esterna.
Attenzione: non usare <center> o <div align="center"> (sono deprecati).

{| style="width:100%; background:transparent"
| align="center" |
{| class="wikitable" style="margin-left: auto; margin-right: auto;"
! Colonna 1 !! Colonna 2
|-
| Riga 1 cella 1 || Riga 1 cella 2
|-
| Riga 2 cella 1 || Riga 2 cella 2
|}
|}

Colonna 1 Colonna 2 Riga 1 cella 1 Riga 1 cella 2 Riga 2 cella 1 Riga 2 cella 2

Tabelle ordinabili

Aggiungendo in testa alla tabella l'istruzione class="wikitable sortable" si otterrà una tabella le cui colonne sono ordinabili in senso crescente o decrescente cliccando sui pulsanti che vi appariranno.

{| class="wikitable sortable"
! titolo !! colonna1 !! colonna2 
|-
| riga1 || 6 || 4
|-
| riga2 || 5 || 4
|-
| riga3 || 4 || 1  
|-
| riga4 || 3 || 3  
|-
| riga5 || 2 || 2  
|-
| riga6 || 1 || 5  
|}

titolo	colonna1	colonna2
riga1	6	4
riga2	5	4
riga3	4	1
riga4	3	3
riga5	2	2
riga6	1	5

Se si desidera che una o più colonne della tabella non siano ordinabili bisogna aggiungere class="unsortable" | titolo della colonna nella riga dove si scrivono i titoli.

{| class="wikitable sortable"
! titolo !! colonna1 !! colonna2 !! class="unsortable" | ordine fisso
|-
| riga1 || 6 || 4 || Questa
|-
| riga2 || 5 || 4 || colonna
|-
| riga3 || 4 || 1 || non 
|-
| riga4 || 3 || 3 || può
|-
| riga5 || 2 || 2 || essere
|-
| riga6 || 1 || 5 || ordinabile
|}

titolo	colonna1	colonna2	ordine fisso
riga1	6	4	Questa
riga2	5	4	colonna
riga3	4	1	non
riga4	3	3	può
riga5	2	2	essere
riga6	1	5	ordinabile

Come impostare l'ordine

Laddove necessario, si può impostare manualmente l'ordine voluto (ciò è particolarmente utile con le colonne che contengono nomi e cognomi di persone, che verrebbero ordinate seguendo l'ordine alfabetico dei nomi e non dei cognomi). Si inserisce <span style="display:none">...</span> nella casella, prima del testo da ordinare.

{| class="wikitable sortable"
! titolo !! colonna1 
|-
| riga1 || <span style="display:none">Agerio Aulo</span>Aulo Agerio 
|-
| riga2 || <span style="display:none">Amurri Antonio</span>Antonio Amurri 
|-
| riga3 || <span style="display:none">Angela Alberto</span>Alberto Angela
|-
| riga4 || <span style="display:none">Alberti Armando</span>Armando Alberti 
|-
| riga5 || <span style="display:none">Agosti Agostino</span>Agostino Agosti 
|-
| riga6 || <span style="display:none">Arrighetti Antimo</span>Antimo Arrighetti
|-
| riga7 || <span style="display:none">Angela Antonio</span>Antonio Angela 
|}

titolo	colonna1
riga1	Agerio AuloAulo Agerio
riga2	Amurri AntonioAntonio Amurri
riga3	Angela AlbertoAlberto Angela
riga4	Alberti ArmandoArmando Alberti
riga5	Agosti AgostinoAgostino Agosti
riga6	Arrighetti AntimoAntimo Arrighetti
riga7	Angela AntonioAntonio Angela

Esistono vari template appositi, vedi Template:Sort e i template ad esso correlati, la cui funzione è proprio quella di permettere di ordinare le colonne ordinabili in questo modo, senza utilizzare direttamente l'HTML.

Nell'inserire immagini e tabelle, tieni conto sia della resa grafica (pensa ai tanti utenti che usano basse risoluzioni video), sia del peso complessivo della pagina (molti utenti hanno infatti sistemi non recentissimi e possono usare connessioni lente). Prova a vedere come appare la pagina anche a bassa risoluzione (ad esempio 800x600 o 1024x768) e non eccedere col peso delle immagini. Verifica poi che la pagina non debba essere scorsa orizzontalmente o che parti di essa si sovrappongano. Inoltre assicurati che il contenuto sia sempre accessibile nonostante la grafica.

Pagine correlate

• Aiuto:Strumenti#Tabelle
• Elementi HTML
• Aiuto:Template
• Aiuto:Markup
• Aiuto:Timeline
• Aiuto:Manuale di stile#Colonne
• Aiuto:Colori
• Categoria:Template per le tabelle

Altri progetti

• Meta-Wiki

• Meta-Wiki contiene informazioni su Tabelle