Aiuto:Tabelle

Versione attuale delle 21:07, 7 nov 2011

Nelle pagine possono essere inserite tabelle sia usando l'HTML che il wikicode. 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

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

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

Con attributi HTML

È possibile aggiungere attributi HTML alle tabelle.

border="1"

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

align="center" border="1"

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

Attributi per celle

È anche possibile usare gli attributi per una singola cella.

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

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

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

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

{| 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="10" border="1"

{| style="color:green;background-color:#ffffcc;" 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

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

Colspan="2"

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

Inizio riga

Default

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

Allineato a destra

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

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

Ed è anche possibile usare attributi

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

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