Aiuto:Tabelle

Da Ufopedia.

Versione delle 16:50, 15 ago 2008

Aiuto / Tabelle

Nelle pagine di Ufopedia possono essere inserite tabelle sia usando l'HTML che il wikicode. La tabelle in HTML sono spiegate in molte pagine web, 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à di modifica delle voci.

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

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"

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

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

Torna alla sezione Aiuto se desideri informazioni su altri argomenti.