| Sommaire de la formation
|
|
|
| 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
|
| 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
|
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.
Modifier la couleur de fond d'un tableau/d'une cellule
Couleur de fond du tableau entier
| Ligne 1 : Syntaxe d'ouverture du tableau
|
{|border="1" cellspacing="0" cellpadding="2" width=100% style="background-color:#c0e8f0"
|
Commentaire :
- Ligne 1 : une seule commande pour l'ensemble du tableau (par ailleurs inchangé), avec la syntaxe style="background-color:#c0e8f0", où la couleur est spécifiée par son code hexadécimal
Le résultat :
| Cellule 1
|
Cellule 2
|
Cellule 3
|
Cellule 4
|
| Cellule 5
|
| Cellule 6
|
Couleur de fond d'une cellule
| Ligne 3 : Syntaxe de la mise en couleur de la cellule 2
|
|rowspan=3 bgcolor=#c0e8f0 valign="top" align="center"|Cellule 2
|
| Ligne 5 : Syntaxe de la mise en couleur de la cellule 4
|
|align="center" bgcolor=#f0a0a0|Cellule 4
|
| Ligne 7 : Syntaxe de la mise en couleur de la cellule 5
|
|align="center" bgcolor=#c0e8f0|Cellule 5
|
Commentaire :
- Lignes 3, 5 et 7 : la commande bgcolor=#c0e8f0 spécifie la couleur de la cellule ciblée
Le résultat :
| Cellule 1
|
Cellule 2
|
Cellule 3
|
Cellule 4
|
| Cellule 5
|
| Cellule 6
|
Fixer la taille des bordures et l'écartement des cellules
On l'a vu dès le début : la commande class="wikitable" permet de simplifier le processus de création d'un tableau. une commande proche de celle-ci, class="wikitable center", fonctionne de manière identique, avec des spécifications proches, mais en ajoutant notamment le fait que le tableau est alors centré.
Mais il est également possible de choisir individuellement la taille et le style des bordures, l'écartement des cellules, la marge à l'intérieur et à l'extérieur des cellules.
Taille et style des bordures
La commande border
| Pour obtenir
|
La syntaxe d'ouverture du tableau (ligne 1)
|
| Pas de bordure
|
{|border="0"
|
| Une bordure normale
|
{|border="1"
|
| Une bordure épaisse
|
{|border="4"
|
Commentaire :
- La commande border permet de fixer l'épaisseur de la bordure des cellules du tableau
Le résultat :
Agir simultanément sur l'épaisseur et le style de la bordure
| Pour obtenir
|
La syntaxe d'ouverture du tableau (ligne 1)
|
| Une bordure fine continue
|
{|style="border:2px solid black"
|
| Une bordure épaisse, en pointillés, bleue
|
{|style="border:4px dotted blue"
|
| Une bordure épaisse, en tirets, rouge
|
{|style="border:6px dashed red"
|
| Une bordure très épaisse, doublée, verte
|
{|style="border:8px double green"
|
Commentaire :
- La commande style="border:ypx S C, dans laquelle y est l'épaisseur en pixels (px), S le style (solid, dotted, dashed, double) et C la couleur, permet de définir à la fois l'épaisseur, le style et la couleur de la bordure des cellules du tableau.
Le résultat :
Écartement des cellules
Les commandes cellspacing et cellpadding
| Pour obtenir
|
La syntaxe d'ouverture du tableau (ligne 1)
|
| Un écartement réduit des cellules
|
{|cellspacing="5"
|
| Un écartement important des cellules
|
{|cellspacing="15"
|
| Un écartement réduit entre le contenu et la bordure des cellules
|
{|cellpadding="5"
|
| Un écartement important entre le contenu et la bordure des cellules
|
{|cellpadding="15"
|
Commentaire :
- Les commandes cellspacing="x" et cellpadding="x" (x étant une valeur en pixels) permettent de fixer l'écartement entre les cellules, et entre le contenu et la bordure des cellules du tableau
Le résultat :
Écartement limité entre les cellules
| Cellule 1
|
Cellule 2
|
Cellule 3
|
Cellule 4
|
Écartement important entre les cellules
| Cellule 1
|
Cellule 2
|
Cellule 3
|
Cellule 4
|
Écartement limité entre contenu et bordure
| Cellule 1
|
Cellule 2
|
Cellule 3
|
Cellule 4
|
Écartement important entre contenu et bordure
| Cellule 1
|
Cellule 2
|
Cellule 3
|
Cellule 4
|
Fixer une marge autour des cellules : la commande margin
Vous pouvez avoir besoin d'établir, autour d'un tableau, une marge, dans laquelle aucun texte ne vient s'inscrire. C'est l'objet de cette fonction.
| Pour obtenir
|
La syntaxe d'ouverture du tableau (ligne 1)
|
| Une marge uniforme autour du tableau
|
{|border="1" style="margin:25px"
|
| Une marge à droite du tableau
|
{| border="1" style="margin-right:25px"
|
| Une marge à gauche du tableau
|
{| border="1" style="margin-left:25px"
|
| Une marge au-dessus du tableau
|
{| border="1" style="margin-top:25px"
|
| Une marge en dessous du tableau
|
{| border="1" style="margin-bottom:25px"
|
| Marge uniforme de 25 pixels
|
| Marge à droite de 25 pixels
|
| Marge à gauche de 25 pixels
|
| Marge en haut de 25 pixels
|
| Marge en bas de 25 pixels
|
Continuer à découvrir les fonctionnalités du réseau
