Formation à la syntaxe wiki Tableau : notions de base

De Wicri Manuel
Sommaire de la formation
Les wikis
Les fonctionnalités sémantiques
  • Étape 1 : À quoi servent les liens sémantiques ?
  • Étape 2 : Positionner des liens sémantiques dans un texte
  • Étape 3 : Construire une requête
Auteur : Thierry Daunois avec la participation des utilisateurs
Retour à la section destinée aux contributeurs

Par définition, un tableau est composé de cellules, qui peuvent être organisées en colonnes et/ou en lignes.

Pour prendre les choses dans l'ordre, et aller du plus simple au plus complexe, voyons d'abord comment créer un tableau composé d'une cellule unique, en détaillant la syntaxe.

Nous effectuerons ensuite le même exercice avec 2 cellules (en ligne puis en colonne).

Nous verrons ensuite comment fusionner des cellules.

Enfin, nous prendrons l'exemple d'un tableau plus complexe.


Construction d'un "tableau" composé d'une cellule unique (s'écrit ligne par ligne)

Ligne 1 : Syntaxe d'ouverture du tableau {|border="1" cellspacing="0" cellpadding="2"
Ligne 2 : Syntaxe du contenu d'une cellule |Cellule
Ligne 3 : Syntaxe de fermeture du tableau |}

Commentaire :

  • Ligne 1 : nous utilisons ici en ouverture du tableau des commandes (border="1" cellspacing="0" cellpadding="2"), qui définissent un ensemble de paramètres sur le cadre des cellules. Ces commandes seront étudiées plus en détail lorsque nous verrons les attributs de présentation, dans la troisième partie.

Le résultat :

Cellule

Construction d'un tableau composé de deux cellules

En ligne

Ligne 1 : Syntaxe d'ouverture du tableau {|border="1" cellspacing="0" cellpadding="2"
Ligne 2 : Syntaxe du contenu de la cellule 1 |Cellule 1
Ligne 3 : Syntaxe du contenu de la cellule 2 |Cellule 2
Ligne 4 : Syntaxe de fermeture du tableau |}

Commentaire : Ligne 2 : lorsque le contenu des cellules est séparé par le signe |, cela signifie que l'on reste sur la même ligne du tableau.

Le résultat :

Cellule 1 Cellule 2

En colonne

Ligne 1 : Syntaxe d'ouverture du tableau {|border="1" cellspacing="0" cellpadding="2"
Ligne 2 : Syntaxe du contenu de la cellule 1 |Cellule 1
Ligne 3 : Syntaxe du séparateur des cellules 1 et 2 |-
Ligne 4 : Syntaxe du contenu de la cellule 2 |Cellule 2
Ligne 5 : Syntaxe de fermeture du tableau |}

Commentaire :

  • Ligne 3 : le contenu des deux cellules, ici, est séparé par la syntaxe |-, qui, elle, marque un passage à la ligne suivante du tableau

Le résultat :

Cellule 1
Cellule 2

Construction d'un tableau classique (4 colonnes x 3 lignes)

Ligne 1 : Syntaxe d'ouverture du tableau {|border="1" cellspacing="0" cellpadding="2"
Ligne 2 : Syntaxe de la cellule 1 (vide) !
Ligne 3 : Syntaxe de la cellule 2 (titre de colonne) !Titre de colonne A
Ligne 4 : Syntaxe de la cellule 3 (titre de colonne) !Titre de colonne B
Ligne 5 : Syntaxe de la cellule 4 (titre de colonne) !Titre de colonne C
Ligne 6 : Passage à la ligne |-
Ligne 7 : Syntaxe de la cellule 5 (titre de ligne) !Ligne 1
Ligne 8 : Syntaxe de la cellule 6 (contenu) |align="center"|A1
Ligne 9 : Syntaxe de la cellule 7 (contenu) |align="center"|B1
Ligne 10 : Syntaxe de la cellule 8 (contenu) |align="center"|C1
Ligne 11 : Passage à la ligne |-
Ligne 12 : Syntaxe de la cellule 9 (titre de ligne) !Ligne 2
Ligne 13 : Syntaxe de la cellule 10 (contenu) |align="center"|A2
Ligne 14 : Syntaxe de la cellule 11 (contenu) |align="center"|B2
Ligne 15 : Syntaxe de la cellule 12 (contenu) |align="center"|C2
Ligne 16 : Syntaxe de fermeture du tableau |}

Commentaires :

  • Ligne 3 : le signe ! indique que le contenu qui suit est un titre (de colonne ou de ligne) : il apparaîtra en gras et centré
  • Ligne 6 : il faut passer à la ligne, donc la syntaxe est |-
  • Ligne 8 : utilisation d'un attribut align pour centrer le contenu, indiqué dans la foulée, avec un séparateur simple |

Le résultat :

Titre de colonne A Titre de colonne B Titre de colonne C
Ligne 1 A1 B1 C1
Ligne 2 A2 B2 C2

Cellules fusionnées (commandes "colspan" et "rowspan")

En ligne

Ligne 1 : Syntaxe d'ouverture du tableau {|border="1" cellspacing="0" cellpadding="2"
Ligne 2 : Syntaxe du contenu de la cellule 1 |colspan="2" align="center"|Cellule 1
Ligne 3 : Syntaxe du séparateur des cellules 1 et 2-3 |-
Ligne 4 : Syntaxe du contenu de la cellule 2 |Cellule 2
Ligne 5 : Syntaxe du contenu de la cellule 3 |Cellule 3
Ligne 6 : Syntaxe de fermeture du tableau |}

Commentaires :

  • Ligne 2 : la cellule 1 doit couvrir plusieurs colonnes, il faut utiliser la commande colspan="x" (x = nombre de colonnes concernées)
  • Ligne 3 : les cellules 2 et 3 sont situées sur la ligne suivante du tableau, le séparateur est donc |-
  • Ligne 5 : les cellules 2 et 3, sur la même ligne, sont séparées par un simple |

Le résultat :

Cellule 1
Cellule 2 Cellule 3

En colonne

Ligne 1 : Syntaxe d'ouverture du tableau {border="1" cellspacing="0" cellpadding="2"
Ligne 2 : Syntaxe du contenu de la cellule 1 |rowspan="2"|Cellule 1
Ligne 3 : Syntaxe du contenu de la cellule 2 |Cellule 2
Ligne 4 : Syntaxe du séparateur des cellules 1-2 et 3 |-
Ligne 5 : Syntaxe du contenu de la cellule 3 |Cellule 3
Ligne 6 : Syntaxe de fermeture du tableau |}

Commentaires :

  • Ligne 2 : la cellule 1 doit couvrir plusieurs lignes, il faut utiliser la commande rowspan="y" (y = nombre de lignes concernées)
  • Ligne 3 : la cellule 2 est située sur la même ligne que le "début" de la cellule 1, le séparateur est donc un simple |
  • Ligne 4 : la cellule 3 est sur la ligne suivante, la séparation sera donc marquée par |-

Le résultat :

Cellule 1 Cellule 2
Cellule 3

Un tableau "complexe"

Ligne 1 : Syntaxe d'ouverture du tableau + attributs {| border="1" cellspacing="0" cellpadding="2" width="80%"
Ligne 2 : Syntaxe du titre du tableau |+ Tableau de simulation du financement de matériel informatique
Ligne 3 : Syntaxe du contenu et de la taille de la cellule 1 | colspan="2"| '''Réalisé'''
Ligne 4 : Syntaxe du contenu et de la taille de la cellule 2 | colspan="4" align="center" | Origine des financements
Ligne 5 : Passage à la ligne |-
Ligne 6 : Syntaxe du contenu et de la taille de la cellule 3 | rowspan="2" | Équipement
Ligne 7 : Syntaxe du contenu et de la taille de la cellule 4 | rowspan="2" align="center" | Coût HT (en k€)
Ligne 8 : Syntaxe du contenu et de la taille de la cellule 5 | colspan="2" align="center" | Région
Ligne 9 : Syntaxe du contenu et de la taille de la cellule 6 | colspan="2" align="center" | Etat
Ligne 10 : Passage à la ligne |-
Ligne 11 : Syntaxe du contenu et de la taille de la cellule 7 | align="center" |en k€
Ligne 12 : Syntaxe du contenu et de la taille de la cellule 8 | align="center" |en %
Ligne 13 : Syntaxe du contenu et de la taille de la cellule 9 | align="center" |en k€
Ligne 14 : Syntaxe du contenu et de la taille de la cellule 10 | align="center" |en %
Ligne 15 : Passage à la ligne |-
Ligne 16 : Syntaxe du contenu et de la taille de la cellule 11 |width="450" |Informatique
Ligne 17 : Syntaxe du contenu et de la taille de la cellule 12 |width="120" align="center" |50
Ligne 18 : Syntaxe du contenu et de la taille de la cellule 13 | align="center" |20
Ligne 19 : Syntaxe du contenu et de la taille de la cellule 14 | align="center" |40
Ligne 20 : Syntaxe du contenu et de la taille de la cellule 15 | align="center" |30
Ligne 21 : Syntaxe du contenu et de la taille de la cellule 16 | align="center" |60
Ligne 22 : Syntaxe de fermeture du tableau |}

Commentaire : dans un tableau complexe, on emploie fréquemment des attributs pour obtenir le résultat visuel que l'on souhaite. Consultez les pages spécifiques qui leur sont consacrées, pour en savoir plus sur les attributs de présentation.

Le résultat :

Tableau de simulation du financement de matériel informatique
Réalisé Origine des financements
Équipement Coût HT (en k€) Région Etat
en k€ en % en k€ en %
Informatique 50 20 40 30 60

Continuer à découvrir les fonctionnalités du réseau