Aiuto:Tabelle

2011-06-19T00:05:09Z

124.169.244.65: /* Con attributi HTML */

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

{|cellpadding="5" cellspacing="0" border="1" width="600"
|<nowiki>{|</nowiki> || inizio tabella
|-
|<nowiki>|+</nowiki> || legenda, una per tabella, tra l'inizio e la prima riga
|-
|<nowiki>|-</nowiki> || interruzione di riga, opzionale per la prima
|-
|<nowiki>!</nowiki> || cella titolo, opzionale, più celle iniziali possono essere inserite con un doppio punto esclamativo (<nowiki>!!</nowiki>) o andando a capo e cominciando la riga con <nowiki>!</nowiki>
|-
|<nowiki>|</nowiki> || cella, richiesto, celle consecutive possono essere inserite raddoppiando la barra (<nowiki>||</nowiki>) o andando a capo e cominciando la riga con <nowiki>|</nowiki>.
|-
|<nowiki>|}</nowiki> || 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.
{| width="100%"
|width="50%"|
{|
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{|
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

===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.
{| width="100%"
|width="50%"|
{|
| Arancia || Mela || altro
|-
| Pane || Dolce || altro
|-
| Burro || Gelato || altro ancora
|}
|width="50%"|
<pre>
{|
| Arancia || Mela || altro
|-
| Pane || Dolce || altro
|-
| Burro || Gelato || altro ancora
|}
</pre>
|}

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"====
{| width="100%"
|width="50%"|
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

==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====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!Buono
!Più buono
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
!Buono
!Più buono
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}
====Colspan="2"====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!colspan="2"|Bontà
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Bontà
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

===Inizio riga===
====Default====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!Frutta
|Arancia
|Mela
|-
!Condimento
|Pane
|Burro
|-
!Dessert
|Dolce
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
!Frutta
|Arancia
|Mela
|-
!Condimento
|Pane
|Burro
|-
!Dessert
|Dolce
|Gelato
|}
</pre>
|}

====Allineato a destra====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Frutta
|Arancia
|Mela
|-
!align="right" |Condimento
|Pane
|Burro
|-
!align="right" |Dessert
|Dolce
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Frutta
|Arancia
|Mela
|-
!align="right" |Condimento
|Pane
|Burro
|-
!align="right" |Dessert
|Dolce
|Gelato
|}
</pre>
|}

==Legenda==
È possibile aggiungere una legenda alle tabelle.
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
|+Cibo
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
|+Cibo
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

Ed è anche possibile usare attributi

{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Cibo''
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Cibo''
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

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

{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="3" cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

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

[[Categoria:Aiuto]]

Gambas-it.org - Wikipedia - Contributi dell'utente [it]

Aiuto:Tabelle