Da Gambas-it.org - Wikipedia.
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.
| {| | 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.
[modifica] Tabella semplice
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
|}
|
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!
[modifica] Con attributi HTML e CSS
È possibile aggiungere attributi CSS alle tabelle, con o senza HTML.
[modifica] 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
|}
|
I titoli TH (HTML table headings) possono essere creati usando ! al posto di |. Vengono visualizzati centrati e in grassetto di default.
[modifica] Inizio 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
|}
|
Now thats sbtule! Great to hear from you.
Tahkns alot - your answer solved all my problems after several days struggling
È 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
|}
|
[modifica] 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.
|
|
| Arancia
| Mela
|
| Pane
| Dolce
|
| Burro
| Gelato
|
|
{| border="3" cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|
[modifica] 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.