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 | ||
|---|---|---|---|---|
|
{| 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
{|etparamè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 |
|
Le tableau parent |
Légende et cellules multi-lignes
| 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)
