Aiuto:Come usare le tabelle: differenze tra le versioni

Da Wikisource.
Contenuto cancellato Contenuto aggiunto
IPork (discussione | contributi)
Nessun oggetto della modifica
IPork (discussione | contributi)
m Aggiornata pagina di aiuto
Riga 1: Riga 1:
{{WIP|iPork}}

{{TOCright Aiuto}}
{{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}}.
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}}.
Riga 8: Riga 6:
Nel seguito viene mostrato in dettaglio come costruire una tabella.
Nel seguito viene mostrato in dettaglio come costruire una tabella.


== La struttura delle tabelle ==
=== Apertura e chiusura ===
=== Apertura e chiusura ===
Una tabella è definita dai comandi
Una tabella è definita dai comandi
Riga 29: Riga 28:
: '''Attenzione''': si noti che tra ''{|'' e ''parametri'' è presente uno spazio (altrimenti il primo parametro viene ignorato)
: '''Attenzione''': si noti che tra ''{|'' e ''parametri'' è presente uno spazio (altrimenti il primo parametro viene ignorato)


=== aggiunta di una nuova riga ===
=== Aggiunta di una nuova riga ===
Per cominciare una nuova riga si va a capo e si usa il comando
Per cominciare una nuova riga si va a capo e si usa il comando
{{Ambox
{{Ambox
Riga 64: Riga 63:
il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.
il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.


=== aggiunta di una serie di celle sulla riga ===
=== Aggiunta di una serie di celle sulla riga ===
Le celle vengono generate andando a capo e usando i comandi
Le celle vengono generate andando a capo e usando i comandi
{{Ambox
{{Ambox
Riga 101: Riga 100:
perciò "||" è equivalente a "a capo" + "|"
perciò "||" è equivalente a "a capo" + "|"


Entrambi i metodi corrispondono (in [[HTML]]) a:
Entrambi i metodi corrispondono (in HTML) a:
{{Ambox
{{Ambox
| tipo = stile
| tipo = stile
Riga 108: Riga 107:
<td&gt;cell1</td&gt;<td&gt;cell2</td&gt;<td&gt;cell3</td&gt;
<td&gt;cell1</td&gt;<td&gt;cell2</td&gt;<td&gt;cell3</td&gt;
}}
}}




I parametri delle celle vengono inseriti così:
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:
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
che genera
{{Ambox
<caption&gt;Descrizione</caption&gt;
| tipo = stile
| immagine = nessuna
| testo =
<caption&gt;Descrizione</caption&gt;
}}


Possono anche essere usati parametri:
Possono anche essere usati parametri:
{{Ambox
|+ ''parametri''|Descrizione
| tipo = stile
| immagine = nessuna
| testo =
<nowiki>|</nowiki>+ ''parametri''<nowiki>|</nowiki>Descrizione
}}


genererà
genererà
{{Ambox
<caption ''parametri''&gt;Descrizione
| tipo = stile
| immagine = nessuna
| testo =
<caption ''parametri''&gt;Descrizione
}}


==Esempi==
==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 ===
=== 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
| Cella 1, riga 1
Riga 168: Riga 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 />colonna 1 </nowiki>
<nowiki>{| </nowiki><br />
<nowiki>| Cella 1, riga 1 </nowiki><br />
<nowikI>!Intestazione<br/>colonna 2 </nowiki>
<nowiki>|- </nowiki>
<nowiki>| Cella 2, riga 1 </nowiki><br />
<nowiki>| Cella 1, riga 1 </nowiki>
<nowiki>|- </nowiki><br />
<nowiki>| Cella 2, riga 1 </nowiki>
<nowiki>| Cella 1, riga 2 </nowiki><br />
<nowiki>|- </nowiki>
<nowiki>| Cella 2, riga 2 </nowiki><br />
<nowiki>| Cella 1, riga 2 </nowiki>
<nowiki>|}</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 ===
=== Esempio avanzato ===
Riga 203: Riga 207:
| Cella 3, riga 2
| 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>| Cella 1, riga 2 </nowiki>
<nowiki>{| align=right border=1</nowiki><br />
<nowiki>| Cella 3, riga 2 </nowiki>
<nowiki>| Cella 1, riga 1 </nowiki><br />
<nowiki>|}</nowiki>
<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
Notare la tabella ancorata a destra


=== Tabelle innestate ===
=== Tabelle annidate ===
<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
{| border=1
| tabella madre
| tabella madre
|
|
{| bgcolor=#ABCDEF border=2
{| bgcolor=#ABCDEF border=2
|tabella
| tabella
|-
|-
| nidificata

|nidificata
|}
|}
|ancora la tabella madre
| 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 lista</nowiki>
<nowiki>{| border=1</nowiki><br />
<nowiki>* Secondo elemento della lista</nowiki>
<nowiki>| tabella madre</nowiki><br />
<nowiki>|ancora la tabella madre</nowiki>
<nowiki>|</nowiki><br />
<nowiki>|}</nowiki>
<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
{| border=1
| tabella madre
| tabella madre
Riga 253: Riga 260:
|ancora la tabella madre
|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 ===
=== Descrizione e righe con più celle ===
{| border=1 align=right
{| border=1 align=right
|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.
|+ '''Questo è il titolo.'''
|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</nowiki>
<nowiki>{| border=1 align=right</nowiki><br />
<nowiki>! Header 1!! Header 2</nowiki>
<nowiki>|+ '''Questo è il titolo.'''</nowiki> <br />
<nowiki>|-</nowiki>
<nowiki>|Cella 1, riga 1 ||Cella 2, riga 1</nowiki> <br />
<nowiki>| Cella1|| Cella2</nowiki>
<nowiki>|-</nowiki><br />
<nowiki>|}</nowiki>
<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
{| border=1
! Header 1!! Header 2
! Header 1!! Header 2
Riga 299: Riga 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 4</nowiki>
<nowiki>{| border=1</nowiki><br />
<nowiki>|}</nowiki>
<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
| cella 1 || cella 2
Riga 312: Riga 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>
<nowiki>{|</nowiki><br />
<nowiki>|-</nowiki>
<nowiki>| cella 1 || cella 2</nowiki><br />
<nowiki>! header riga 3</nowiki>
<nowiki>|- bgcolor=#abcdef</nowiki><br />
<nowiki>| abc def ghi </nowiki>
<nowiki>| cella 3 || cella 4</nowiki><br />
<nowiki>| gchf ghh dfgh</nowiki>
<nowiki>|}</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
{| border=1 cellspacing=0
!
!
Riga 343: Riga 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
{| border=1 cellspacing=0
Riga 367: Riga 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 ==
== Come convertire una tabella HTML ==

Versione delle 10:51, 1 gen 2008

- 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

Apertura e chiusura

Una tabella è definita dai comandi

che corrispondono ai comandi HTML standard

Attenzione: si noti che tra {| e parametri è presente uno spazio (altrimenti il primo parametro viene ignorato)

Aggiunta di una nuova riga

Per cominciare una nuova riga si va a capo e si usa il comando

equivalente al comando HTML

I parametri possono essere aggiunti così:

che equivale a:

il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

Aggiunta di una serie di celle sulla riga

Le celle vengono generate andando a capo e usando i comandi

e

ad esempio

oppure così:

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

Entrambi i metodi corrispondono (in HTML) a:


I parametri delle celle vengono inseriti così:


che corrisponde a

Intestazione in grassetto

Viene utilizzato "!" al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!

Esempio:

Titolo della tabella (caption)

Un titolo viene creato con il comando


che genera


Possono anche essere usati parametri:


genererà

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 pagina delle prove dove potrai incollare ciò che è contenuto in ogni riquadro.

Esempio semplice

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

Esempio avanzato

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

Notare la tabella ancorata a destra

Tabelle annidate

tabella madre
tabella
nidificata
ancora la tabella madre

Liste annidate in una cella

tabella madre
  • Primo elemento della lista
  • Secondo elemento della lista
ancora la tabella madre

Descrizione e righe con più celle

Questo è il titolo.
Cella 1, riga 1 Cella 2, riga 1
Cella 1, riga 2 Cella 2, riga 2
Cella 1, riga 3 Cella 2, riga 3

Tabella con intestazioni

Header 1 Header 2
Cella1 Cella2

Colore su una riga

cella 1 cella 2
cella 3 cella 4


Righe con intestazione e testo

Header colonna 1 header colonna 2
header riga 3 abc def ghi gchf ghh dfgh
header riga 4 gfbb gbgbds dfgsdsdg

Attenzione a questo codice, pare simile al precedente ma l'effetto è diverso:

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

Come convertire una tabella HTML

Una tabella HTML può essere convertita direttamente in una wiki-tabella servendosi dei convertitori automatici contenuti nei seguenti siti:

Domande?

Se hai domande, dubbi, proposte o necessiti di chiarimenti su come usare le tabelle premi qui e lascia un messaggio nella pagina di discussione.