Tableau : notions de base

Sommaire de la formation
Accueil
Les wikis
Étape 1 : Créer sa première page Étape 2: Titres, mise en forme de texte, menus Étape 3: Les différents types de liens Étape 4 : Approfondissement Comment créer et utiliser une catégorie ? Comment créer une note de bas de page ? Comment créer et utiliser une redirection ? Comment illustrer un article ? Comment créer et utiliser un tableau ? notions de base attributs de présentation (1) attributs de présentation (2) attributs de présentation (3) Comment créer et utiliser un modèle ? Comment utiliser les MagicWords ?
Introduction aux fonctions sémantiques
Étape 5 : À quoi servent les fonctions sémantiques ? Étape 6 : Les connaissances de base
Auteur : Thierry Daunois avec la participation des utilisateurs
Retour à l'Espace formation

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	{|class="wikitable"
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 la commande class="wikitable", qui définit par défaut un ensemble de paramètres. Mais il est également possible de spécifier d'autres paramètres, qui seront étudiés en détail lorsque nous verrons les attributs de présentation.

Le résultat :

Cellule

Construction d'un tableau composé de deux cellules

En ligne

Ligne 1 : Syntaxe d'ouverture du tableau	{|class="wikitable"
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	{|class="wikitable"
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	{|class="wikitable"
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	{|class="wikitable"
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	{|class="wikitable"
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

• Retourner au sommaire de l'étape 4
• Poursuivre avec les attributs de présentation (1)