Utilisateur:Denispir/codage tableau
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 |