Tableau : attributs de présentation (2)
| Sommaire de la formation |
|---|
| Les wikis |
|
| Introduction aux fonctions sémantiques |
| Auteur : Thierry Daunois avec la participation des utilisateurs |
| Retour à l'Espace formation |
Nous avons défini 6 grands domaines, qui nous paraissent les plus classiques et les plus utiles. Sur cette page, nous en détaillons 2.
Si vous vous retrouvez confronté à une question non abordée, n'hésitez pas à nous en informer, afin que nous puissions, le cas échéant, compléter cette page.
Sommaire
Déclarer les en-tête des colonnes et/ou des lignes
Dans un tableau, on retrouve souvent des en-tête de colonnes et de lignes, qui précisent ce que sont les données contenues dans les cellules. Afin de faire ressortir ces éléments, le système est configuré pour faire systématiquement apparaître les valeurs déclarées comme étant des en-tête en gras et centrés, sur un fond légèrement grisé.
| 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 : Passage à la ligne | |- |
| Ligne 5 : Syntaxe de la cellule 3 (titre de ligne) | !Ligne 1 |
| Ligne 6 : Syntaxe de la cellule 4 (contenu) | |align="center"|A1 |
| Ligne 7 : Syntaxe de fermeture du tableau | |} |
Commentaire :
- Lignes 3 et 5 : le signe ! en début de ligne indique que le contenu qui suit est un titre (de colonne ou de ligne), devant apparaître en gras et centré, sur fond grisé
Le résultat :
| Titre de colonne A | |
|---|---|
| Ligne 1 | A1 |
Spécifier l'alignement du contenu par rapport à la cellule
Par défaut, lorsque vous ne précisez rien concernant l'alignement du contneu d'une cellule, celui-ci est positionné à gauche (horizontalement) et centré en hauteur (verticalement). Dans les cellules d'un tableau, il peut être important de modifier l'alignement du contenu horizontalement (centré ou à droite), mais également verticalement (en haut ou en bas, notamment lorsque des cellules ont été fusionnées dans une colonne). Il existe donc des commandes qui permettent de spécifier l'alignement de chaque cellule.
Alignement horizontal
| Ligne 1 : Syntaxe d'ouverture du tableau | {|class="wikitable" width=100% |
| Ligne 2 : Syntaxe du contenu de la cellule 1 (gauche) | |Cellule 1 |
| Ligne 3 : Syntaxe du contenu de la cellule 2 (centré) | |align="center"|Cellule 2 |
| Ligne 4 : Syntaxe du contenu de la cellule 3 (droite) | |align="right"|Cellule 3 |
| Ligne 5 : Syntaxe de fermeture du tableau | |} |
Commentaires :
- Ligne 2 : sans précision d'attribut, l'alignement se fait à gauche par défaut
- Ligne 3 : la commande align="center" déclenche un alignement centré. Elle est séparée du contenu de la cellule par le signe |
- Ligne 4 : la commande align="right" déclenche un alignement à droite. Elle est séparée du contenu de la cellule par le signe |
Le résultat :
| Cellule 1 | Cellule 2 | Cellule 3 |
Alignement vertical
| Ligne 1 : Syntaxe d'ouverture du tableau | {|class="wikitable" width=100% |
| Ligne 2 : Syntaxe du contenu de la cellule 1 (centré) | |rowspan=3 align="center"|Cellule 1 |
| Ligne 3 : Syntaxe du contenu de la cellule 2 (haut) | |rowspan=3 valign="top" align="center"|Cellule 2 |
| Ligne 4 : Syntaxe du contenu de la cellule 3 (bas) | |rowspan=3 valign="bottom" align="center"|Cellule 3 |
| Ligne 5 : Syntaxe de fermeture du tableau | |} |
Commentaires :
- Ligne 2 : sans précision d'attribut, l'alignement vertical se fait centré, par défaut
- Ligne 3 : la commande valign="top" déclenche un alignement en haut de la cellule. Elle est séparée du contenu de la cellule par le signe |
- Ligne 4 : la commande valign="bottom" déclenche un alignement en bas. Elle est séparée du contenu de la cellule par le signe |
Le résultat :
| Cellule 1 | Cellule 2 | Cellule 3 | Cellule 4 |
| Cellule 5 | |||
| Cellule 6 |
Continuer à découvrir les fonctionnalités du réseau
- Retourner au sommaire de l'étape 4
- Poursuivre avec les attributs de présentation (3)
