Aiuto:Tabelle

Da Wikipedia, l'enciclopedia libera.

In questa pagina viene spiegata la sintassi per inserire una tabella in Wikipedia, usando il markup wiki. Per creare tabelle semplici e standardizzate si consiglia però di utilizzare il template {{prettytable}} ^(uso) (vedi anche Aiuto:template).

Una tabella HTML può essere convertita direttamente in una wiki-tabella servendosi del convertitore automatico presente sul sito http://diberri.dyndns.org/html2wiki.html

Nel seguito viene mostrato in dettaglio come costruire una tabella.

[modifica] apertura e chiusura

Una tabella è definita dai comandi

{| parametri
 
|}

che corrispondono ai comandi HTML standard

<table parametri>
 
</table>

Attenzione: si noti che tra {| e parametri è presente uno spazio (altrimenti il primo parametro viene ignorato)

[modifica] aggiunta di una nuova riga

Per cominciare una nuova riga si va a capo e si usa il comando

|-

equivalente al comando HTML

<tr>

I parametri possono essere aggiunti così:

|- parametri

che equivale a:

<tr params>

il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

[modifica] aggiunta di una serie di celle sulla riga

Le celle vengono generate andando a capo e usando i comandi

| 

e

||

ad esempio

|cella1
|cella2
|cella3

oppure così:

|cella1||cella2||cella3

perciò "||" è equivalente a "a capo" + "|"

Entrambi i metodi corrispondono (in HTML) a:

<td>cell1</td><td>cell2</td><td>cell3</td>

I parametri delle celle vengono inseriti così:

|parametri|cella1

che corrisponde a

<td parametri>

[modifica] intestazione in grassetto

Funziona allo stesso modo di <td>, tranne che "!" viene utilizzato al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!

Esempio:

!parametri|cella1

[modifica] titolo della tabella (caption)

Un titolo viene creato con il comando

|+ Descrizione

che genera

<caption>Descrizione</caption>

Possono anche essere usati parametri:

|+ parametri|Descrizione

genererà

<caption parametri>Descrizione

[modifica] Esempi

[modifica] Esempio semplice

{| 
| Cella 1, riga 1 
| Cella 2, riga 1 
|- 
| Cella 1, riga 2 
| Cella 2, riga 2 
|}

genera

[modifica] Esempio avanzato

{| align=right border=1
| Cella 1, riga 1 
|rowspan=2| Cell 2, riga 1 (e 2) 
| Cella 3, riga 1 
|- 
| Cella 1, riga 2 
| Cella 3, riga 2 
|}

Notare la tabella ancorata a destra

[modifica] Tabelle annidate

{| border=1
| tabella madre
|
{| bgcolor=#ABCDEF border=2
|tabella
|-
|nidificata
|}
|ancora la tabella madre
|}

Questo codice fa apparire una seconda tabella annidata nella prima

[modifica] Liste innestate in una cella

{| border=1
| tabella madre
|
* Primo elemento della lista
* Secondo elemento della lista
|ancora la tabella madre
|}

Questo codice fa apparire una lista innestata nella seconda cella

[modifica] Descrizione e righe con più celle

{| border=1 align=right
|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.
|[[Indipendenza]]||[[19 agosto]] [[1919]]
|-
|[[Moneta]]||[[Afghano]]
|-
|[[Fuso orario]]||[[UTC]]+4:30
|-
|[[Inno nazionale]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|TLD]]||.AF
|}

Viene mostrata sulla destra

[modifica] Prova con intestazioni

Questo testo

{| border=1
! Header 1!! Header 2
|-
| Cella1|| Cella2
|}

disegna

[modifica] Prova di colore su una riga

{|
| cella 1 || cella 2
|- bgcolor=#abcdef
| cella 3 || cella 4
|}

disegna

[modifica] Test di righe con intestazione e testo

{| border=1 cellspacing=0
! 
! Header colonna 1 
! header colonna 2 
|-
! header riga 3
| abc def ghi 
|   gchf ghh dfgh
|-
! header riga 4
| gfbb gbgbds 
|    dfgsdsdg
|}

appare come:

ma:

{| border=1 cellspacing=0
!   !! col Header1 !! ch2 
|-
! header riga 3 || abc def ghi ||   gchf ghh dfgh
|-
! header riga 4         || gfbb gbgbds ||    dfgsdsdg
|-
! header riga 5         ||             ||    
|}

appare come:

[modifica] Tabelle ordinabili

Aggiungendo in testa alla tabella l'istruzione class="wikitable sortable" si otterrà una tabella le cui colonne sono ordinabili in senso crescente o decrescente cliccando sui pulsanti che vi appariranno.

{| class="wikitable sortable"
! titolo !! colonna1 !! colonna2 
|-
| riga1 || 6 || 4
|-
| riga2 || 5 || 4
|-
| riga3 || 4 || 1  
|-
| riga4 || 3 || 3  
|-
| riga5 || 2 || 2  
|-
| riga6 || 1 || 5  
|}

Nell'inserire immagini e tabelle, tieni conto sia della resa grafica (pensa ai tanti utenti che usano basse risoluzioni video), sia del peso complessivo della pagina (molti utenti hanno infatti sistemi non recentissimi e possono usare connessioni lente). Prova a vedere come appare la pagina anche a 640×480 e non eccedere col peso delle immagini. Verifica poi che la pagina non debba essere scorsa orizzontalmente o che parti di essa si sovrappongano. Inoltre assicurati che il contenuto sia sempre accessibile nonostante la grafica.

[modifica] Voci correlate

• Elementi HTML
• Aiuto:Template
• Aiuto:Markup
• Template:Prettytable
• Template:MultiCol