Utilisateur:Denispir/codage tableau
Apparence
(Redirigé depuis Utilisateur:Denispir/tables tables tables.../params)
aide-mémoire : codage de tableau
fonction | code |
note |
---|---|---|
s t r u c t u re
| ||
délimitation du tableau | {| |
|
tableau paramétré | {| params |
|
légende (caption) | |- légende |
|
légende paramétrée | |- params | légende |
à placer en début de ligne |
balise de nouvelle ligne | |- |
à placer en début de ligne ; sans cellule |
nouvelle ligne paramétrée | |- params |
|
cellule titre | !titre |
style gras & centré par défaut |
cellule titre paramétrée | !params|titre |
|
ligne titres (en-tête) | !titre1!!titre2!!titre3 |
|
cellule | <code>|cell</code> | |
cellule paramétrée | |params|cell |
|
ligne | !cell1||cell2||cell3</code> |
|
f o r m a t
| ||
|
||
largeur globale | width="n%" |
fonction de la fenêtre du navigateur |
cadre & grille | border="n" |
épaisseur seulement pour cadre |
cadre seulement | style="border:n solid couleur" |
couleur hexa (cf + bas second tableau) |
écart entre cellules | cellspacing="n" |
cadre de cellule si n>0 (cf ci-dessous) |
cadre seulement (alternative) | border="n" cellspacing="0" |
demande écart nul entre cellules |
tampon intérieur cellule | cellpadding="n" |
entre cadre & texte |
étendue de cellule H ou V | colspan="n" rowspan="n" |
lire : cellule couvre n colonnes ou n lignes !!! |
flottement & positionnement gauche/droite du tableau | align="côté" |
le texte extérieur au tableau passe sur le côté |
centrage du tableau | style="margin: 1em auto 1em auto" |
c une astuce --- le texte extéieur passe pas sur les côtés |
titre du tableau (légende en haut) | +titre | titre collé-centré-gras |
en-têtes | !en-tête |
pour col & ligne |
alignement vertical ligne ou cellule | valign="top" |
pas pour tableau entier (?) |
s t y l e
| ||
format global params de style | style = "param:val; param:val; ...;" |
pour tableau, ligne, cellule attention : points-virgules collés !!! |
hauteur & largeur cellules | style="height:100px; width:100px;" |
on peut aussi mesurer en %age |
alignement du texte | style="text-align:center" |
|
code couleur | 6 chiffres hexa :#rrvvbb |
ex : #789abc voir codes couleur (sur méta) |
couleur de fond | style="background:couleur" |
|
couleur de texte | style="color:couleur" |
|
style texte | style="font-style:italic; font-size:150%;" |
|
alignement texte (alternative) | align="left" |
|
couleur de fond (alternative) | bgcolor="couleur" |
|
couleur de texte (alternative) | <span style="color:couleur">texte</span> |
codage (x)html |