Aiuto:Come usare le tabelle: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
IPork (discussione | contributi)
Nessun oggetto della modifica
IPork (discussione | contributi)
m Aggiornata pagina di aiuto
Riga 1:
{{WIP|iPork}}
 
{{TOCright 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 {{tl|prettytable}}.
Line 8 ⟶ 6:
Nel seguito viene mostrato in dettaglio come costruire una tabella.
 
== La struttura delle tabelle ==
=== Apertura e chiusura ===
Una tabella è definita dai comandi
Line 29 ⟶ 28:
: '''Attenzione''': si noti che tra ''{|'' e ''parametri'' è presente uno spazio (altrimenti il primo parametro viene ignorato)
 
=== aggiuntaAggiunta di una nuova riga ===
Per cominciare una nuova riga si va a capo e si usa il comando
{{Ambox
Line 64 ⟶ 63:
il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.
 
=== aggiuntaAggiunta di una serie di celle sulla riga ===
Le celle vengono generate andando a capo e usando i comandi
{{Ambox
Line 101 ⟶ 100:
perciò "||" è equivalente a "a capo" + "|"
 
Entrambi i metodi corrispondono (in [[HTML]]) a:
{{Ambox
| tipo = stile
Line 108 ⟶ 107:
<td&gt;cell1</td&gt;<td&gt;cell2</td&gt;<td&gt;cell3</td&gt;
}}
 
 
I parametri delle celle vengono inseriti così:
{{Ambox
|''parametri''|cella1
| tipo = stile
che corrisponde a
| immagine = nessuna
<td ''parametri''&gt;
| testo =
<nowiki>|</nowiki>''parametri''<nowiki>|</nowiki>cella1
}}
 
 
che corrisponde a
 
{{Ambox
 
| tipo = stile
=== TH ===
| immagine = nessuna
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 "|"!
| testo =
<td ''parametri''&gt;
}}
=== Intestazione in grassetto ===
Viene utilizzato "!" al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!
 
Esempio:
{{Ambox
!''parametri''|cella1
| tipo = stile
| immagine = nessuna
| testo =
!''parametri''<nowiki>|</nowiki>cella1
}}
 
=== Titolo della tabella (''caption'') ===
=== TR ===
Un titolo viene creato con il comando
I tag <tr&gt; saranno generati automaticamente per la prima riga. Per cominciare una nuova riga usare
{{Ambox
|-
| tipo = stile
che risulta come
| immagine = nessuna
&lt;tr&gt;
| testo =
I parametri possono essere aggiunti così:
<nowiki>|+ Descrizione</nowiki>
|- ''parametri''
}}
che equivale a:
&lt;tr ''params''&gt;
 
Nota:
* i tag <tr&gt; saranno automaticamente aperti al primo <td&gt; corrispondente
* i tag <tr&gt; saranno chiusi automaticamente assieme ai relativi <tr&gt; e </table&gt;
 
=== CAPTION ===
Un tag <caption&gt; viene creato con
|+ Descrizione
che genera
{{Ambox
<caption&gt;Descrizione</caption&gt;
| tipo = stile
| immagine = nessuna
| testo =
<caption&gt;Descrizione</caption&gt;
}}
 
 
Possono anche essere usati parametri:
{{Ambox
|+ ''parametri''|Descrizione
| tipo = stile
| immagine = nessuna
| testo =
<nowiki>|</nowiki>+ ''parametri''<nowiki>|</nowiki>Descrizione
}}
 
 
genererà
{{Ambox
<caption ''parametri''&gt;Descrizione
| tipo = stile
| immagine = nessuna
| testo =
<caption ''parametri''&gt;Descrizione
}}
 
==Esempi==
Di 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 [[Wikisource:Pagina delle prove|pagina delle prove]] dove potrai incollare ciò che è contenuto in ogni riquadro.
 
=== Esempio semplice ===
<nowiki>{| </nowiki>
<nowiki>| Cella 1, riga 1 </nowiki>
<nowiki>| Cella 2, riga 1 </nowiki>
<nowiki>|- </nowiki>
<nowiki>| Cella 1, riga 2 </nowiki>
<nowiki>| Cella 2, riga 2 </nowiki>
<nowiki>|}</nowiki>
genera
{|
| Cella 1, riga 1
Line 168 ⟶ 185:
|}
 
{{Ambox
;Esempio semplice con intestazioni (CAPTION e TH)
| tipo = stile
 
| immagine = nessuna
<nowiki>{| </nowiki>
| testo =
<nowiki>|+ Intestazione dell'intera tabella </nowiki>
<nowiki>!intestazione{| <br /nowiki>colonna<br 1 </nowiki>
<nowiki>| Cella 1, riga 1 </nowiki><br />
<nowikI>!Intestazione<br/>colonna 2 </nowiki>
<nowiki>|- Cella 2, riga 1 </nowiki><br />
<nowiki>| Cella 1, riga 1- </nowiki><br />
<nowiki>| Cella 21, riga 12 </nowiki><br />
<nowiki>|- Cella 2, riga 2 </nowiki><br />
<nowiki>| Cella 1, riga 2 }</nowiki>
}}
<nowiki>| Cella 2, riga 2 </nowiki>
<nowiki>|}</nowiki>
genera
{|
|+ Intestazione dell'intera tabella
!intestazione<br />colonna 1
!Intestazione<br />colonna 2
|-
| Cella 1, riga 1
| Cella 2, riga 1
|-
| Cella 1, riga 2
| Cella 2, riga 2
|}
 
=== Esempio avanzato ===
Line 203 ⟶ 207:
| Cella 3, riga 2
|}
 
<nowiki>{| align=right border=1</nowiki>
{{Ambox
<nowiki>| Cella 1, riga 1 </nowiki>
| tipo = stile
<nowiki>|rowspan=2| Cell 2, riga 1 (e 2) </nowiki>
| immagine = nessuna
<nowiki>| Cella 3, riga 1 </nowiki>
| testo =
<nowiki>|- </nowiki>
<nowiki>{| Cellaalign=right border=1, riga 2 </nowiki><br />
<nowiki>| Cella 31, riga 21 </nowiki><br />
<nowiki>|}rowspan=2| Cell 2, riga 1 (e 2) </nowiki><br />
<nowiki>| Cella 3, riga 1 </nowiki><br />
<nowiki>|- </nowiki><br />
<nowiki>| Cella 1, riga 2 </nowiki><br />
<nowiki>| Cella 3, riga 2 </nowiki><br />
<nowiki>|}</nowiki>
}}
 
Notare la tabella ancorata a destra
 
=== Tabelle innestateannidate ===
<nowiki>{| border=1</nowiki>
<nowiki>| tabella madre</nowiki>
<nowiki>|</nowiki>
<nowiki>{| bgcolor=#ABCDEF border=2</nowiki>
<nowiki>|tabella</nowiki>
<nowiki>|-</nowiki>
<nowiki>|nidificata</nowiki>
<nowiki>|}</nowiki>
<nowiki>|ancora la tabella madre</nowiki>
<nowiki>|}</nowiki>
Questo codice fa apparire una seconda tabella innestata nella prima
{| border=1
| tabella madre
|
{| bgcolor=#ABCDEF border=2
| tabella
|-
| nidificata
 
|nidificata
|}
| ancora la tabella madre
|}
 
{{Ambox
=== Liste innestate in una cella ===
| tipo = stile
<nowiki>{| border=1</nowiki>
| immagine = nessuna
<nowiki>| tabella madre</nowiki>
| testo =
<nowiki>|</nowiki>
<nowiki>*{| Primo elemento della listaborder=1</nowiki><br />
<nowiki>*| Secondotabella elemento della listamadre</nowiki><br />
<nowiki>|ancora la tabella madre</nowiki><br />
<nowiki>{|} bgcolor=#ABCDEF border=2</nowiki><br />
<nowiki>| tabella</nowiki><br />
Questo codice fa apparire una lista innestata nella seconda cella
<nowiki>|-</nowiki><br />
<nowiki>| nidificata</nowiki><br />
<nowiki>|}</nowiki><br />
<nowiki>| ancora la tabella madre</nowiki><br />
<nowiki>|}</nowiki>
}}
 
=== Liste annidate in una cella ===
{| border=1
| tabella madre
Line 253 ⟶ 260:
|ancora la tabella madre
|}
 
{{Ambox
| tipo = stile
| immagine = nessuna
| testo =
<nowiki>{| border=1</nowiki><br />
<nowiki>| tabella madre</nowiki><br />
<nowiki>|</nowiki><br />
<nowiki>* Primo elemento della lista</nowiki><br />
<nowiki>* Secondo elemento della lista</nowiki><br />
<nowiki>|ancora la tabella madre</nowiki><br />
<nowiki>|}</nowiki>
}}
 
=== Descrizione e righe con più celle ===
{| border=1 align=right
|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.
|Cella 1, riga 1 ||Cella 2, riga 1
|[[Indipendenza]]||[[19 agosto]] [[1919]]
|-
|Cella 1, riga 2 ||Cella 2, riga 2
|[[Moneta]]||[[Afghano]]
|-
|Cella 1, riga 3 ||Cella 2, riga 3
|[[Fuso orario]]||[[Tempo Coordinato Universale|UTC]]+4:30
|-
|[[Inno nazionale]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|TLD]]||.AF
|}
<nowiki>{| border=1 align=right</nowiki>
<nowiki>|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.</nowiki>
<nowiki>|[[Indipendenza]]||[[19 agosto]] [[1919]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[Moneta]]||[[Afghano]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[Fuso orario]]||[[UTC]]+4:30</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[Inno nazionale]]||[[Sououd-e-Melli]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>|[[Top-level domain|TLD]]||.AF</nowiki>
<nowiki>|}</nowiki>
Viene mostrata sulla destra
 
{{Ambox
=== Prova con intestazioni ===
| tipo = stile
 
| immagine = nessuna
Questo testo
| testo =
 
<nowiki>{| border=1 align=right</nowiki><br />
<nowiki>!|+ Header'''Questo 1!!è Headeril 2titolo.'''</nowiki> <br />
<nowiki>|-Cella 1, riga 1 ||Cella 2, riga 1</nowiki> <br />
<nowiki>| Cella1|| Cella2-</nowiki><br />
<nowiki>|}Cella 1, riga 2 ||Cella 2, riga 2 </nowiki> <br />
<nowiki>|-</nowiki><br />
 
<nowiki>|Cella 1, riga 3 ||Cella 2, riga 3 </nowiki> <br />
disegna
<nowiki>|}</nowiki>
}}
 
=== Tabella con intestazioni ===
{| border=1
! Header 1!! Header 2
Line 299 ⟶ 305:
|}
 
{{Ambox
== Prova di TR ==
| tipo = stile
<nowiki>{|</nowiki>
| immagine = nessuna
<nowiki>| cella 1 || cella 2</nowiki>
| testo =
<nowiki>|- bgcolor=#abcdef</nowiki>
<nowiki>{| cella 3 || cella 4border=1</nowiki><br />
<nowiki>|}! Header 1!! Header 2</nowiki><br />
<nowiki>|-</nowiki><br />
disegna
<nowiki>| Cella1|| Cella2</nowiki><br />
<nowiki>|}</nowiki>
}}
 
== Colore su una riga ==
{|
| cella 1 || cella 2
Line 312 ⟶ 323:
|}
 
{{Ambox
=== Test di righe con intestazione e testo ===
| tipo = stile
<nowiki>{|</nowiki> border=1 cellspacing=0
| immagine = nessuna
<nowiki>! </nowiki>
| testo =
<nowiki>! Header colonna 1 </nowiki>
<nowiki>! header colonna 2 {|</nowiki><br />
<nowiki>|- cella 1 || cella 2</nowiki><br />
<nowiki>!|- header riga 3bgcolor=#abcdef</nowiki><br />
<nowiki>| abccella def3 ghi|| cella 4</nowiki><br />
<nowiki>| gchf ghh dfgh}</nowiki>
}}
<nowiki>|-</nowiki>
<nowiki>! header riga 4</nowiki>
<nowiki>| gfbb gbgbds </nowiki>
<nowiki>| dfgsdsdg</nowiki>
<nowiki>|}</nowiki>
 
'''appare come:'''
 
=== Righe con intestazione e testo ===
{| border=1 cellspacing=0
!
Line 343 ⟶ 350:
|}
 
{{Ambox
'''ma:'''
| tipo = stile
| immagine = nessuna
| testo =
<nowiki>{|</nowiki> border=1 cellspacing=0<br />
<nowiki>! </nowiki><br />
<nowiki>! Header colonna 1 </nowiki><br />
<nowiki>! header colonna 2 </nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>! header riga 3</nowiki><br />
<nowiki>| abc def ghi </nowiki><br />
<nowiki>| gchf ghh dfgh</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>! header riga 4</nowiki><br />
<nowiki>| gfbb gbgbds </nowiki><br />
<nowiki>| dfgsdsdg</nowiki><br />
<nowiki>|}</nowiki>
}}
 
Attenzione a questo codice, pare simile al precedente ma l'effetto è diverso:
<nowiki>{| border=1 cellspacing=0</nowiki>
<nowiki>! &amp;nbsp; !! col Header1 !! ch2 </nowiki>
<nowiki>|-</nowiki>
<nowiki>! header riga 3 || abc def ghi || gchf ghh dfgh</nowiki>
<nowiki>|-</nowiki>
<nowiki>! header riga 4 || gfbb gbgbds || dfgsdsdg</nowiki>
<nowiki>|-</nowiki>
<nowiki>! header riga 5 || || </nowiki>
<nowiki>|}</nowiki>
 
'''appare come:'''
 
{| border=1 cellspacing=0
Line 367 ⟶ 381:
|}
 
{{Ambox
| tipo = stile
| immagine = nessuna
| testo =
<nowiki>{| border=1 cellspacing=0</nowiki><br />
<nowiki>! &amp;nbsp; !! col Header1 !! ch2 </nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>! header riga 3 || abc def ghi || gchf ghh dfgh</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>! header riga 4 || gfbb gbgbds || dfgsdsdg</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>! header riga 5 || || </nowiki><br />
<nowiki>|}</nowiki>
}}
<!-- == Tabelle ordinabili ==
Aggiungendo in testa alla tabella l'istruzione <tt>class="wikitable sortable"</tt> 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
|}
 
{{Ambox
| tipo = stile
| immagine = nessuna
| testo =
<nowiki>{| class="wikitable sortable"</nowiki><br />
<nowiki>! titolo !! colonna1 !! colonna2 </nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| riga1 || 6 || 4</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| riga2 || 5 || 4</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| riga3 || 4 || 1 </nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| riga4 || 3 || 3 </nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| riga5 || 2 || 2 </nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| riga6 || 1 || 5 </nowiki><br />
<nowiki>|}</nowiki>
}} -->
 
== Come convertire una tabella HTML ==