Visualiser · Éditer · Uploader · Historique

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:

cellule1cellule2cellule3
cellule1cellule2cellule3

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 1cellule 2cellule 3
aligné à gauchecentré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 1cell 2cell 3
cell 1cell 2cell 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 1cell 2cell 3
cell 1cell 2cell 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 1cell 2cell 3
cell 1cell 2cell 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 1cell 2cell 3
cell 1cell 2cell 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 1cell 2cell 3
cell 1cell 2cell 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 1cell 2cell 3
cell 1cell 2cell 3

<< Envoyer des fichiers sur le site | Index documentation | Tableaux évolués >>


Traduction de PmWiki:SimpleTables - page originale sur PmWiki:PmWikiFr.TableauxSimples


° Page originale sur PmWikiFr.TableauxSimples - liens arrières
Dernières modifications:
PmWikiFr.TableauxSimples: 05 février 2005 à 16h06

Visualiser · Éditer · Uploader · Historique
Page last modified on 05 février 2005 à 16h06