ViscianoPedia: Aiuto: tabelle

Da ViscianoPedia.

Nelle pagine wiki possono essere inserite tabelle sia usando l'HTML che il wikicode. La tabelle in HTML sono spiegate in molte pagine web e non strettamente collegate a MediaWiki, quindi di seguito verranno trattate solo le tabelle in wikicode. Il vantaggio del wikicode rispetto all'HTML è che i suoi simboli semplificano la lettura del codice da un utente che entra in modalità edit.

È buona regola, comunque, non usare le tabelle se non se ne ha bisogno, poiché queste appesantiscono le pagine.

Markup base

{| inizio tabella
|+ legenda, una per tabella, tra l'inizio e la prima riga
|- interruzione di riga, opzionale per la prima
! cella titolo, opzionale, più celle iniziali possono essere inserite con un doppio punto esclamativo (!!) o andando a capo e cominciando la riga con !
| cella, richiesto, celle consecutive possono essere inserite raddoppiando la barra (||) o andando a capo e cominciando la riga con |.
|} fine tabella
  • Tutti i segni comportano un ritorno a capo, eccetto || e !!.
  • Tutti i simboli, eccetto il fine tabella, supportano gli attributi XHTML.
  • Se si vuole inserire del markup wiki all'interno di una cella, bisogna iniziare con un ritorno a capo.

Tabella semplice

Normale

Questa tabella tralascia bordi e larghezze, per informazioni su questi parametri, vedi sotto.

Arancia Mela
Pane Dolce
Burro Gelato
{|
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Alternativa

Per creare un look più simile ad una tabella, le celle possono essere allineate con || Questo non è consigliato con celle che contengono un testo molto lungo ma con un esempio come il nostro, va più che bene. Gli spazi eccessivi non vengono contati.

Arancia Mela altro
Pane Dolce altro
Burro Gelato altro ancora
{|
|  Arancia    ||   Mela   ||   altro
|-
|   Pane    ||   Dolce     ||   altro
|-
|   Burro   || Gelato ||  altro ancora
|}

Con attributi HTML

È possibile aggiungere attributi HTML alle tabelle.

border="1"

Arancia Mela
Pane Dolce
Burro Gelato
{| border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

align="center" border="1"

Arancia Mela
Pane Dolce
Burro Gelato
{| align="center" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Attributi per celle

È anche possibile usare gli attributi per una singola cella.

Arancia Mela 12,333.00
Pane Dolce 500.00
Burro Gelato 1.00
{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|-
|Burro
|Gelato
|align="right"|1.00
|}

Attributi per riga

È anche possibile usare gli attributi per una singola riga.

Arancia Mela 12,333.00
Pane Dolce 500.00
Burro Gelato 1.00
{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Burro
|Gelato
|align="right"|1.00
|}

cellspacing="0" border="1"

Arancia Mela
Pane Dolce
Burro Gelato
{| cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

cellpadding="20" cellspacing="0" border="1"

Arancia Mela
Pane Dolce
Burro Gelato
{| cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Nota: Attualmente il cellpadding non funziona molto bene su mediawiki.org. Dovrebbe essere simile a questo

Con attributi HTML e CSS

È possibile aggiungere attributi CSS alle tabelle, con o senza HTML.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"

Arancia Mela
Pane Dolce
Burro Gelato
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Titoli TH

I titoli TH (HTML table headings) possono essere creati usando ! al posto di |. Vengono visualizzati centrati e in grassetto di default.

Inizio colonna

Ogni colonna

Buono Più buono
Arancia Mela
Pane Dolce
Burro Gelato
{| border="1" cellpadding="20" cellspacing="0"
!Buono
!Più buono
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Colspan="2"

Bontà
Arancia Mela
Pane Dolce
Burro Gelato
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Bontà
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Inizio riga

Default

Frutta Arancia Mela
Condimento Pane Burro
Dessert Dolce Gelato
{| border="1" cellpadding="20" cellspacing="0"
!Frutta
|Arancia
|Mela
|-
!Condimento
|Pane
|Burro
|-
!Dessert
|Dolce
|Gelato
|}

Allineato a destra

Frutta Arancia Mela
Condimento Pane Burro
Dessert Dolce Gelato
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Frutta
|Arancia
|Mela
|-
!align="right" |Condimento
|Pane
|Burro
|-
!align="right" |Dessert
|Dolce
|Gelato
|}

Legenda

È possibile aggiungere una legenda alle tabelle.

Cibo
Arancia Mela
Pane Dolce
Burro Gelato
{| border="1" cellpadding="20" cellspacing="0"
|+Cibo
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Ed è anche possibile usare attributi

Cibo
Arancia Mela
Pane Dolce
Burro Gelato
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Cibo''
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Tabelle con sezioni H1, H2, H3 ecc.

Le sezioni HTML H1, H2, H3, H4 ecc.possono essere create nel wikicode usando un numero di ==uguali== pari al livello della sezione ed è obbligatorio che stiano da sole nella linea.

Anteprima. Se clicchi su modifica una sezione e fai anteprima, mancando parte di codice, la tabella non sarà visualizzata.

Ricorda che le sezioni vanno a finire anche nell'indice.

Bontà

Arancia Mela
Pane Dolce
Burro Gelato
{| border="3"  cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Preservamento

Numeri negativi

I numeri negativi possono interrompere la tabella. Se vuoi iniziare la cella con un numero negativo (|-6), devi lasciare uno spazio (| -6) o usare la doppia linea (||-6) per una corretta visualizzazione.