Da Gambas-it.org - Wikipedia.
|
|
Riga 77: |
Riga 77: |
| |} | | |} |
| | | |
− | ===Con attributi HTML===
| + | Touchdown! That's a really cool way of ptiutng it! |
− | È possibile aggiungere attributi HTML alle tabelle.
| |
− | ====border="1"====
| |
− | {| width="100%"
| |
− | |width="50%"|
| |
− | {| border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | |width="50%"|
| |
− | <pre>
| |
− | {| border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | </pre>
| |
− | |}
| |
− | | |
− | ====align="center" border="1"====
| |
− | {| width="100%"
| |
− | |width="50%"|
| |
− | {| align="center" border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | |width="50%"|
| |
− | <pre>
| |
− | {| align="center" border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}</pre>
| |
− | |}
| |
− | | |
− | ====Attributi per celle ====
| |
− | È anche possibile usare gli attributi per una singola cella.
| |
− | {| width="100%"
| |
− | |width="50%"|
| |
− | {| border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |align="right"|12,333.00
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |align="right"|500.00
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |align="right"|1.00
| |
− | |}
| |
− | |width="50%"|
| |
− | <pre>
| |
− | {| border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |align="right"|12,333.00
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |align="right"|500.00
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |align="right"|1.00
| |
− | |}
| |
− | </pre>
| |
− | |}
| |
− | | |
− | ====Attributi per riga====
| |
− | È anche possibile usare gli attributi per una singola riga.
| |
− | {| width="100%"
| |
− | |width="50%"|
| |
− | {| 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
| |
− | |}
| |
− | |width="50%"|
| |
− | <pre>
| |
− | {| 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
| |
− | |}
| |
− | </pre>
| |
− | |}
| |
− | | |
− | ====cellspacing="0" border="1"====
| |
− | {| width="100%"
| |
− | |width="50%"|
| |
− | {| cellspacing="0" border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | |width="50%"|
| |
− | <pre>
| |
− | {| cellspacing="0" border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | </pre>
| |
− | |}
| |
− | | |
− | ====cellpadding="20" cellspacing="0" border="1"====
| |
− | {| width="100%"
| |
− | |width="50%"|
| |
− | {| cellpadding="20" cellspacing="0" border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | |width="50%"|
| |
− | <pre>
| |
− | {| cellpadding="20" cellspacing="0" border="1"
| |
− | |Arancia
| |
− | |Mela
| |
− | |-
| |
− | |Pane
| |
− | |Dolce
| |
− | |-
| |
− | |Burro
| |
− | |Gelato
| |
− | |}
| |
− | </pre>
| |
− | |}
| |
− | | |
− | ''Nota: Attualmente il cellpadding non funziona molto bene su mediawiki.org. Dovrebbe essere simile a [http://test.wikipedia.org/wiki/Table_test questo]'' | |
| | | |
| ===Con attributi HTML e CSS=== | | ===Con attributi HTML e CSS=== |
Versione delle 17:05, 18 giu 2011
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
|}
|
Touchdown! That's a really cool way of ptiutng it!
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.