Wiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif

Bonjour, vous êtes venu ici pour chercher la signification du mot Wiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif. Dans DICTIOUS, vous trouverez non seulement toutes les significations du dictionnaire pour le mot Wiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif, mais vous apprendrez également son étymologie, ses caractéristiques et comment dire Wiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif au singulier et au pluriel. Tout ce que vous devez savoir sur le mot Wiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif est ici. La définition du mot Wiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif vous aidera à être plus précis et correct lorsque vous parlerez ou écrirez vos textes. Connaître la définition deWiktionnaire:Syntaxe du Wiktionnaire/Tableaux/Récapitulatif, ainsi que celles d'autres mots, enrichit votre vocabulaire et vous fournit des ressources linguistiques plus nombreuses et de meilleure qualité.

Syntaxe wiki de création de tableaux

Exemple récapitulatif

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

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

Position du tableau

  • align=  : positionnement horizontal gauche | centré | droite. Exemple : align=center.
  • valign=  : positionnement vertical haut | centré | bas. Exemple : valign=bottom.

Taille du tableau

  • 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

  • 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

  • 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

  • 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

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

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

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

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

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

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

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 ]"

Unités de mesure

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

  • border: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-style: : spécifie pour la bordure considérée le style de trait indiqué. Exemple : style="border-style:dotted".
  • border-color: : 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

  • color: : 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 ]  : 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: : Permet de spécifier le style italique.
  • font-variant: : 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

  • background: : La couleur peut être spécifiée par son code héxadécimal RGB ou par un des noms reconnus. Exemple : background:#009900.
Wikious
Sapientia
Scientia
Boobota
Sagapedia
Wikithot