Aide:Syntaxe wikipédia/tableaux

Ces nouvelles balises de tables, développées par Magnus Manske, remplacent les traditionnelles balises HTML <table>, <tr>, <td>, <th> et <caption>. Les balises HTML peuvent cependant toujours être utilisées.

Les balises ci-dessous doivent commencer au début d'une ligne (sauf une exception). Les paramètres sont optionnels.

Les bases

Un exemple de tableau minimal :

gauche

droite

et la méthode pour l'obtenir :

Résultat	Syntaxe wikimédia	autre méthode
gauche droite	{| border="1" |gauche |droite |}	{| border="1" |gauche||droite |}

Mais reprenons au début...

Tableau

Un tableau est défini par

{| ''paramètres''
 |}

Ce qui équivaut à

<table paramètres>
</table>

Attention: Vous devez obligatoirement laisser une espace entre {| et paramètre, sinon le premier paramètre sera ignoré.

TD

Les cellules sont créées soit comme ça :

|Cellule1
|Cellule2
|Cellule3

soit comme ça :

|Cellule1||Cellule2||Cellule3

les deux méthodes équivalent à :

<td>cellule1</td><td>cellule2</td><td>cellule3</td>

donc "||" est égal à "nouvelle ligne" + "|"

Les paramètres dans les cellules peuvent être utilisés comme ceci :

|params|cellule1||params|cellule2||params|cellule3

ce qui va donner :

<td params>

TH

Fonctionne de la même manière que TD, sauf que "!" est utilisé à la place du "|" ouvrant. "!!" peut remplacer "||". Les paramètres utilisent cependant toujours "|"!

TR

les balises <tr> vont être automatiquement générées pour la première ligne. Pour créer une autre ligne, faites :

|-

ou

|--------------

ou

|-------------------

les trois correspondent à :

<tr>

Les paramètres peuvent être ajoutés comme ça :

|- paramètres

Ou

|------- paramètres

ce qui équivaut à :

<tr params>

Note :

• les balises <tr> sont automatiquement ouvertes à l'apparition du premier <td>.
• les balises <tr> sont automatiquement fermées à l'apparition de <tr> ou de </table>.

Légende

Une balise de <légende> est créée par

|+ Légende

Qui donnera

<caption>Légende</caption>

Vous pouvez aussi utiliser des paramètres :

|+ paramètres|Légende

Qui donnera

<caption paramètres>Légende</caption>

Exemples

Exemple simple

 {| 
 | Cellule 1, ligne 1 
 | Cellule 2, ligne 1 
 |- 
 | Cellule 1, ligne 2 
 | Cellule 2, ligne 2 
 |}

générera

Cellule 1, ligne 1	Cellule 2, ligne 1
Cellule 1, ligne 2	Cellule 2, ligne 2

Exemple plus compliqué

{| align=right border=1
| Cellule 1, ligne 1 
|rowspan=2| Cellule 2, ligne 1 (et 2) 
| Cellule 3, ligne 1 
|- 
| Cellule 1, ligne 2 
| Cellule 3, ligne 2 
|}

On remarquera que le tableau est collé sur le bord droit de la page.

Cellule 1, ligne 1	Cellule 2, ligne 1 (et 2)	Cellule 3, ligne 1
Cellule 1, ligne 2		Cellule 3, ligne 2

Tableau imbriqué

 {| border=1
 | blabla
 |
 {| bgcolor="#ABCDEF" border=2
 |tableau imbriqué
 |-
 |tableau
 |}
 |Le tableau parent
 |}

Nous présente un tableau imbriqué

blabla

tableau imbriqué tableau

Le tableau parent

Légende et cellules multi-lignes

Ceci est la légende

Indépendance	19 août 1919
Monnaie	Afghani
Time zone	UTC+4:30
Hymne national	Sououd-e-Melli
Internet TLD	.AF

{| border=1 align=right
|+ '''Ceci est la légende'''.
|[[Indépendance]]||[[19 août]] [[1919]]
|-
|[[Monnaie]]||[[Afghani]]
|-
|[[Time zone]]||[[Temps universel coordonné|UTC]]+4:30
|-
|[[Hymne national]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|Internet TLD]]||.AF
|}

est montré à droite.

Test de titre

{| border=1
! titre1!! titre2
|-
| Cellule1|| Cellule2
|}

donne

titre1	titre2
Cellule1	Cellule2

TR test

 {|
 | Cellule1 || Cellule2
 |- bgcolor="#abcdef"
 | Cellule3 || Cellule4
 |}

donne

Cellule1	Cellule2
Cellule3	Cellule4

Ligne avec titre et contenu mélangés

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

donne:

	col Header1	ch2
row header 3	abc def ghi	gchf ghh dfgh
RH 4	gfbb gbgbds	dfgsdsdg

mais:

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

donne:

	col Header1	ch2
row header 3	abc def ghi	gchf ghh dfgh
RH 4	gfbb gbgbds	dfgsdsdg

On peut aissi éviter de coller le contenu au bord des cellules

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

donne:

	col Header1	ch2
row header 3	abc def ghi	gchf ghh dfgh
RH 4	gfbb gbgbds	dfgsdsdg

Voir aussi

• Aide:Guide d'utilisation des tableaux (en français !)
• Wikipedia:Infobox (en anglais)
• Wikimedia User's Guide - Help:Table (en anglais)