« Aide:Tableau » : différence entre les versions
Contenu supprimé Contenu ajouté
m Bot : Remplacement de texte automatisé (-... +…) |
m Robot : Changement de type cosmétique |
||
Ligne 5 :
Si vous êtes déjà familier des codes [[w:HTML|HTML]] permettant de créer des tableaux, vous pouvez insérer le code directement dans l'article que vous êtes en train d'éditer. Cependant, les balises de tableaux sont difficiles à éditer pour quelqu'un qui n'est pas à l'aise avec le langage HTML. Pour cela, des nouvelles balises ont été développées par [[w:en:User:Magnus Manske|Magnus Manske]]. Ces balises remplacent les traditionnelles balises HTML <nowiki><table>, <tr>, <td>, <th> et <caption></nowiki>. Il est donc demandé de ne pas utiliser des balises HTML pour créer des tableaux.
== Introduction ==
Voici deux exemples simples pour avoir un premier contact avec le codage Wiki.
=== Un tableau a une cellule ===
Le premier exemple montre le tableau le plus minimaliste qui soit, c'est-à-dire celui qui ne contiendrait qu'une seule cellule.
Ligne 35 :
|}
=== Puis deux cellules ===
Le deuxième exemple contient deux cellules. Comme vous pouvez le constater, il est possible d'encoder les cellules de deux façons différentes : une ligne par cellule, ou plusieurs cellules sur la même ligne. Nous y reviendrons plus en détail par la suite.
Ligne 85 :
|}
== La syntaxe Wiki des tableaux (ou comment se passer des balises HTML) ==
Nous verrons ici les différentes balises utiles à la création d'un tableau.
Ligne 270 :
=== Ajouter une légende (HTML:caption) ===
L'élément <code>caption</code> permet d'ajouter une légende. C'est un petit texte qui est placé au-dessus du tableau
|+ légende
Ligne 809 :
|}
Pour chacune des cellules, il est également possible de positionner le contenu verticalement. Dans l'exemple qui suit, nous avons créé une cellule (celle de gauche) avec une [[#
{| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF"
Ligne 1 236 :
=== Paraméter un style en CSS :style ===
Nous arrivons au dernier des paramètres que l'on peut utiliser dans des tableaux : <code>style</code>. Ce paramètre permet de
{| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
| |||