Aiuto:Come usare le tabelle: differenze tra le versioni

Aggiungi collegamenti
Da Wikisource.
Naviga nella cronologia in modo interattivo
← Differenza precedenteDifferenza successiva →
Contenuto cancellato Contenuto aggiunto
VisualeWikitesto
m dettaglio per le intestazioni
Riga 277: Riga 277:
}}
}}


=== Intestazione dell'intera tabella ===
===Intestazioni===
==== Intestazione dell'intera tabella ====
È possibile aggiungere un'intestazione generale allineata verticalmente in cima e orizzontalmente al centro dell'intera tabella
È possibile aggiungere un'intestazione generale allineata verticalmente in cima e orizzontalmente al centro dell'intera tabella
Il codice da usare è "|+"
Il codice da usare è "|+"
Riga 304: Riga 305:
}}
}}


====Intestazioni di colonna====
=== Tabella con intestazioni ===
È 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 "|-"

{| border=1
{| border=1
! Intestazione 1!! Intestazione 2
! Intestazione 1!! Intestazione 2
Riga 322: Riga 325:
}}
}}


====Intestazioni di colonna e di riga====
== Colore su una riga ==
⚫
{|
⚫
| cella 1 || cella 2
⚫
|- bgcolor=#abcdef
⚫
| cella 3 || cella 4
⚫
|}


⚫
{{Ambox
⚫
| tipo = stile
⚫
| immagine = nessuna
⚫
| testo =
⚫
<nowiki>{|</nowiki><br />
⚫
<nowiki>| cella 1 || cella 2</nowiki><br />
⚫
<nowiki>|- bgcolor=#abcdef</nowiki><br />
⚫
<nowiki>| cella 3 || cella 4</nowiki><br />
⚫
<nowiki>|}</nowiki>
⚫
}}


=== Righe con intestazione e testo ===
{| border=1 cellspacing=0
{| border=1 cellspacing=0
!
!
Riga 375: Riga 360:
}}
}}


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


{| border=1 cellspacing=0
{| border=1 cellspacing=0
Riga 401: Riga 386:
<nowiki>|}</nowiki>
<nowiki>|}</nowiki>
}}
}}

== Colori ==
⚫
{|
⚫
| cella 1 || cella 2
⚫
|- bgcolor=#abcdef
⚫
| cella 3 || cella 4
⚫
|}

⚫
{{Ambox
⚫
| tipo = stile
⚫
| immagine = nessuna
⚫
| testo =
⚫
<nowiki>{|</nowiki><br />
⚫
<nowiki>| cella 1 || cella 2</nowiki><br />
⚫
<nowiki>|- bgcolor=#abcdef</nowiki><br />
⚫
<nowiki>| cella 3 || cella 4</nowiki><br />
⚫
<nowiki>|}</nowiki>
⚫
}}

<!-- == Tabelle ordinabili ==
<!-- == 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.
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.

Versione delle 12:56, 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

{| 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

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 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

|cella1

|cella2

|cella3

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

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

Esempio:

!parametri|cella1

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

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
{|

| Cella 1, riga 1
| Cella 2, riga 1
|-
| Cella 1, riga 2
| Cella 2, riga 2

|}

Esempio avanzato

Tutta 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
|rowspan=2| Cell 2, riga 1 (e 2)
| Cella 3, riga 1
|-
| Cella 1, riga 2
| Cella 3, riga 2

|}

Tabelle annidate

È possibile "annidare", cioè inserire una tabella dentro un'altra tabella che la circondi.

inizio tabella madre
inizio tabella annidata
fine tabella annidata
fine tabella madre
{| border=1

| inizio tabella madre
|
{| bgcolor=#ABCDEF border=2
| inizio tabella annidata
|-
| fine tabella annidata
|}
| fine tabella madre

|}

Liste in una cella

È 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
  • Primo elemento della lista
  • Secondo elemento della lista
 Terza cella
{| border=1

| Prima cella
|
* Primo elemento della lista
* Secondo elemento della lista
| Terza cella

|}

Intestazioni

Intestazione dell'intera tabella

È possibile aggiungere un'intestazione generale allineata verticalmente in cima e orizzontalmente al centro dell'intera tabella Il codice da usare è "|+"

Intestazione dell'intera tabella.
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.'''
|Cella 1, riga 1 ||Cella 2, riga 1
|-
|Cella 1, riga 2 ||Cella 2, riga 2
|-
|Cella 1, riga 3 ||Cella 2, riga 3

|}

Intestazioni di colonna

È 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
|-
| Cella1|| Cella2

|}

Intestazioni di colonna e di riga

Intestazione colonna 1 intestazione colonna 2
intestazione riga 3 abc def ghi gchf ghh dfgh
intestazione riga 4 gfbb gbgbds dfgsdsdg
{| border=1 cellspacing=0

!
! Intestazione colonna 1
! intestazione colonna 2
|-
! intestazione riga 3
| abc def ghi
| gchf ghh dfgh
|-
! intestazione riga 4
| gfbb gbgbds
| dfgsdsdg

|}

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

  Intestazione colonna1 Intestazione colonna2
intestazione riga 3 abc def ghi gchf ghh dfgh
Intestazione riga 4 gfbb gbgbds dfgsdsdg
Intestazione riga 5
{| border=1 cellspacing=0

! &nbsp; !! Intestazione colonna1 !! Intestazione colonna2
|-
! intestazione riga 3 || abc def ghi || gchf ghh dfgh
|-
! intestazione riga 4 || gfbb gbgbds || dfgsdsdg
|-
! intestazione riga 5 || ||

|}

Colori

cella 1 cella 2
cella 3 cella 4
{|

| cella 1 || cella 2
|- bgcolor=#abcdef
| cella 3 || cella 4

|}


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.

Estratto da "https://it.wikisource.org/w/index.php?title=Aiuto:Come_usare_le_tabelle&oldid=168126"