Syntaxe wiki de création de tableaux[modifier le wikicode]

Exemple récapitulatif[modifier le wikicode]

Résultat affiché

Codage Wiki

Légende
	Titre 1	Titre 2
Titre ligne 1	Cellule 1.1	Cellule 1.2
Titre ligne 2	Cellule 2.1	Cellule 2.2

{| border="1" align=center
|+ Légende
! !! Titre 1 !! Titre 2
|-
! Titre ligne
| Cellule 1
| Cellule 2
|-
! Titre ligne 2
| Cellule 2.1
| Cellule 2.2
|}

Paramètres de tableau[modifier le wikicode]

Ces paramètres sont écrits après la balise {|.
Exemple : {| border="1" align=center

Position du tableau[modifier le wikicode]

align= [ left | center | right ] : positionnement horizontal gauche | centré | droite. Exemple : align=center.
valign= [ top | center | bottom ] : positionnement vertical haut | centré | bas. Exemple : valign=bottom.

Taille du tableau[modifier le wikicode]

width="x" : Largeur du tableau fixée à x pixels. Exemple : width="20".
width="x%" : Largeur du tableau fixée à x % de l’espace disponible. Exemple : width="50%".
height="x" : Hauteur du tableau fixée à x pixels. Exemple : height="200".
height="x%" : Hauteur du tableau fixée à x % de l’espace disponible. Exemple : height="100%".

Bordures de tableau[modifier le wikicode]

class="wikitable" : Tableau amélioré. Dans ce cas, ne modifier ni les bordures ni les couleurs de fond.
border="0" : Tableau sans bordure
border="x" où x = 1, 2, … : Tableau avec bordure double-trait dont l’épaisseur croît avec la valeur de x. Exemple : border="3".
style="border:xU Type-bordure Couleur " : Utilisation des styles CSS. x : épaisseur de la bordure ; U : unité de mesure ; Type-bordure : Type de trait de bordure (simple, double, poitillé…) Couleur en code RVB ou par son nom. Exemple : style="border:3px dashed grey".

Voir ci-dessous à la section Styles CSS la sous-section Bordures.

Marges et espacements[modifier le wikicode]

cellspacing="x" : insère x pixels entre chaque cellules, le bord du tableau et les cellules environnantes. Exemple : cellspacing="20".
cellpadding="x" : insère x pixels entre le contenu et la bordure de chaque cellule. Exemple : cellpadding="5".

Fond de tableau[modifier le wikicode]

class="wikitable" : Tableau amélioré. Dans ce cas, ne modifier ni les bordures ni les couleurs de fond.
bgcolor="#RRVVBB" : RRVVBB est le code héxadécimal RVB de la couleur de fond du tableau.
style="background:#RRVVBB" : Utilisaion des codes CSS. Résultat identique au code ci-dessus.

Voir ci-dessous à la section Styles CSS la sous-section Couleur de fond.

Paramètre de légende[modifier le wikicode]

Ces paramètres sont écrits après la balise |+ et séparés du texte de légende par un |.
Exemple : |+ style="font-family:’Times New Roman’,Times,serif;font-style:bold" | Texte de légende

Voir ci-dessous à la section Styles CSS la sous-section Fontes.

Paramètres de titre[modifier le wikicode]

Ces paramètres sont écrits avant le texte du titre et séparés de celui-ci par un |.
Exemple : ! Titre 1 !! style="color:red" | Titre 2 !! Titre 3

Voir ci-dessous à la section Styles CSS la sous-section Fontes.

Paramètres de rang[modifier le wikicode]

Ces paramètres sont écrits après la balise |-.
Exemple : |- style="font-family:’Times New Roman’,Times,serif;font-size:24pt"
Ces paramètres permettent de spécifier les attributs de la ligne : couleur d’arrière-plan ; hauteur de la ligne ; caractéristiques de la fonte.

Voir ci-dessous à la section Styles CSS la sous-section Fontes.
Voir ci-dessous à la section Styles CSS la sous-section Couleur de fond.

Paramètres de cellule[modifier le wikicode]

Ces paramètres sont écrits avant le texte contenu dans la cellule et séparés de celui-ci par un |.
Exemple : | style="color:red" | Texte de la cellule

Voir ci-dessous à la section Styles CSS la sous-section Fontes.
Voir ci-dessous à la section Styles CSS la sous-section Couleur de fond.

Fusion de cellules[modifier le wikicode]

Le paramètre colspan permet de fusionner des colonnes et le paramètres rowspan permet de fusionner des rangs. Les deux exemples ci-dessous montrent comment utiliser ces parmaètres.

Résultat affiché

Codage Wiki

Simple	Fusionnée
cellule1	cellule2	cellule3

{| class="wikitable"
| Simple
| colspan="2" | Fusionnée
|-
| cellule 1
| cellule 2
| cellule 3
|}

Première	Deuxième
Gauche 1	Droite
Gauche 2
Gauche 3

{| class="wikitable"
| Première
| Deuxième
|-
| Gauche 1
| rowspan="3" | Droite
|-
| Gauche 2
|-
| Gauche 3
|}

Format des cellules[modifier le wikicode]

Les paramètres permettent de spécifier la taille (width et height), les bordures, la couleur de fond, la fonte du texte et ses attributs.

Voir ci-dessous à la section Styles CSS la sous-section Bordures.
Voir ci-dessous à la section Styles CSS la sous-section Fontes.
Voir ci-dessous à la section Styles CSS la sous-section Couleur de fond.

Styles CSS[modifier le wikicode]

Les styles CSS peuvent être utilisés partout pour spécifier des éléments tels que les bordures, la couleur de fond, la fonte de caractères.
Le format est le suivant :

style="parm1:val1 [; parm2:val2 [; …]]"

Unités de mesure[modifier le wikicode]

Les paramètres déterminant une dimension doivent comporter l’indication de la mesure. Les mesures reconnues sont les suivantes :

Code	Type	Signification
pt	Absolu	point. Mesure typographique. 1 point = 1/72 pouce = 0.35 mm.
pc	Absolu	pica. Mesure typographique. 1 pica = 12 points = 4.23 mm.
in	Absolu	inch = pouce. 1 pouce = 25.4 mm.
mm	Absolu	millimètre.
cm	Absolu	centimètre.
px	Relatif/Absolu	pixel. L’aspect dépend de la densité en pixels du module de sortie. Relatif d’un module de sortie à l’autre. Absolu pour un même module.
em	Relatif	Relatif à la taille de fonte de l’élément.
ex	Relatif	Relatif à la valeur de la propriété x-height de la fonte.
%	Relatif	Pourcentage relatif à la taille de l’élément lui-même.

Bordures[modifier le wikicode]

border[ | -left | -right | -top | -bottom]:xU : spécifie une épaisseur x dans l’unité U pour, respectivement, les quatre bordures, la bordure gauche, droite, haut, bas. Exemples : border:1mm spécifie une épaisseur de 1 mm pour les quatre bordures ; border-top:3px spécifie une épaisseur de 3 pixels pour la bordure haut.
border[ |-left|-right|-top|-bottom]-style:[ none (aucun) | hidden (transparent) | dotted (pointillé) | dashed (tireté) | solid (plein) | double (double trait) | groove (relief) | ridge (3D) | inset (rentrante) | outset (sortante)] : spécifie pour la bordure considérée le style de trait indiqué. Exemple : style="border-style:dotted".
border[ |-left|-right|-top|-bottom]-color:[#RRVVBB | nom-couleur] : spécifie pour la bordure considérée le code couleur héxadécimal RVB ou l’un des noms de couleur reconnus par HTML : black, red, orange, pink, magenta, blue, etc… Exemples : border-left-color:#009999 ; border-color:cyan

Il est possible de résumer l’écriture en spécifiant après le mot-clé border l’épaisseur, le type de trait et la couleur. Exemple : border:2px double blue.

Fontes[modifier le wikicode]

color:[#RRGGBB | nom-couleur] : spécifie la couleur de fonte selon le code héxadécimal RVB ou l’un des noms de couleur reconnus. Exemple : color:green spécifie la couleur de fonte vert.
font-family:Fonte-1 [, fonte-2 [,…]] [, fonte-générique] : La marque font-family permet de spécifier plusieurs noms de fonte. L’ordre est important : si la première fonte ne peut être affichée, la seconde est utilisée, etc. On peut enfin spécifier une classe générique de fontes qui sera utilisée si aucune des fontes indiquées ne peut être employée. Exemple : font-family:-apple-system,segoe ui,roboto,sans-serif. Les noms génériques sont les suivants :

Classe	Usage
serif	Fontes avec empattements (type Times)
sans-serif	Fontes sans empattements (type Arial)
fantasy	Fontes fantaisie
monospace	Fontes à chasse fixe (type Courrier)
system-ui	Fonte de l’interface utilisateur (celle de Windows, de macOS, d’Android, etc.)

font-style:[ normal | italic | oblique ] : Permet de spécifier le style italique.
font-variant:[ normal | small-caps ] : Permet de spécifier des petites capitales.
font-size:xpt : Permet de spécifier la taille de la fonte en points.
font-weight:graisse : Permet de spécifier la graisse de la fonte selon la codification suivante :

graisse	Signification
normal	Aspect normal
bold	Gras
bolder	Très gras
lighter	Fin
100, 200, …, 900	De 100 (très fin) à 900 (très gras). 500 correspond au réglage normal et 700 au réglage bold.

On lira dans la documentation CSS les nombreuses autres commandes permettant de spécifier l’interlignage, l’ombrage, l’étirement, etc.

Couleur de fond[modifier le wikicode]

background:[#RRVVBB | nom-couleur ] : La couleur peut être spécifiée par son code héxadécimal RGB ou par un des noms reconnus. Exemple : background:#009900.