Utilisateur:Denispir/codage tableau

Une page de Wikiversité, la communauté pédagogique libre.

aide-mémoire : codage de tableau

fonction code note
s t r u c t u re
délimitation du tableau {|
tableau
|}
tableau paramétré {| params
tableau
|}
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