Les bases
Les tableaux sont créés en utilisant le caractère pipe deux fois: | |. Une ligne commencant par ce signe indique le début d'une ligne d'un tableau. L'apparition de ce signe dans le reste de la ligne indique la présence d'une cellule du tableau. Une bordure a été ajoutée pour des raisons de lisibilité, mais par défaut, il n'y a pas de bordure.
exemple 1. Tableau simple
Ce code wiki:
|| border=1 || cellule1 || cellule2 || cellule3 || || cellule1 || cellule2 || cellule3 ||
crée ce tableau:
| cellule1 | cellule2 | cellule3 |
| cellule1 | cellule2 | cellule3 |
Alignement du contenu des cellules
Le contenu d'une cellule peut être aligné à droite, à gauche ou centré.
- Pour aligner à gauche, placer le contenu de la cellule contre le || précedent.
- Pour centrer le contenu de la cellule, placer un espace avant et après le contenu de la cellule.
- Pour aligner à droite, placer le contenu de la cellule contre le || suivant.
Exemple 2. Modifier l'alignement du contenu des cellules.
Ce code wiki:
|| border=1 width=100% ||cellule 1 || cellule 2 || cellule 3|| ||aligné à gauche || centré || aligné à droite||
Crée ce tableau:
| cellule 1 | cellule 2 | cellule 3 |
| aligné à gauche | centré | aligné à droite |
Formatage des tableaux
En option, la première ligne du tableau peut contenir certains paramètres de formatage tels que border (la bordure), width (la largeur), alignment (l'alignement), bgcolor (la couleur de fond), cellpadding (espace entre le contenu et le bord d'une cellule) et cellspacing (espace entre les cellules). 'Width' est exprimé en pourcentage ou en pixels. Les couleurs peuvent être spécifiées par leur noms ou par leur représentation en code HTML.
Exemple 1. Changement de bordure et alignement.
Ce code wiki:
|| border=10 align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
produit ce tableau:
| cell 1 | cell 2 | cell 3 |
| cell 1 | cell 2 | cell 3 |
Exemple 2. Changement de couleur.
Ce code wiki:
|| border=1 bgcolor=red align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
produit ce tableau:
| cell 1 | cell 2 | cell 3 |
| cell 1 | cell 2 | cell 3 |
Exemple 3. Changement de largeur exprimée en pourcentage.
Ce code wiki:
|| border=1 width=100% bgcolor=yellow
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
produit ce tableau:
| cell 1 | cell 2 | cell 3 |
| cell 1 | cell 2 | cell 3 |
Exemple 4. Changement de largeur exprimée en pixel et de couleur exprimée en HTML.
Ce code wiki:
|| border=1 width=350 bgcolor=#CCCCCC align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
produit ce tableau:
| cell 1 | cell 2 | cell 3 |
| cell 1 | cell 2 | cell 3 |
Exemple 5. Changement de la largeur entre le contenu et la bordure d'une cellule.
Ce code wiki:
|| border=1 width=350 cellpadding=10 align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
produit ce tableau:
| cell 1 | cell 2 | cell 3 |
| cell 1 | cell 2 | cell 3 |
Exemple 6. Changement de l'espace entre les cellules.
Ce code wiki:
|| border=1 width=350 cellspacing=10 align=center
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
produit ce tableau:
| cell 1 | cell 2 | cell 3 |
| cell 1 | cell 2 | cell 3 |
<< Envoyer des fichiers sur le site | Index documentation | Tableaux évolués >>
Traduction de PmWiki:SimpleTables - page originale sur PmWiki:PmWikiFr.TableauxSimples