Wikiversité

« Aide:Tableau » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
m Robot : Remplacement de texte automatisé (- l'ordre + l’ordre , - t'as + t’as , - d'asile + d’asile , - d'argent + d’argent , - n'hésite + n’hesite , - m'y + m’y , - l'intervention + l’intervention , - "convention de nommage" +...
m Formatage, ajout de code
Ligne 26 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 55 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 75 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 91 :
Dans le langage HTML, l'élément <code>table</code> est l'élément de base pour la création d’un tableau.Ceci donnerait en HTML, l’encodage suivant :
 
<source lang="html4stricthtml">
<table ''paramètres''>
</table>
Ligne 110 :
En HTML, l'élément <code>td</code> représente une cellule dans une ligne du tableau. Ainsi pour un tableau de trois cellules formant trois colonnes, le code en HTML est le suivant :
 
<source lang="html4stricthtml">
<td>cellule1</td><td>cellule2>/td><td>cellule3>/td>
</source>
Ligne 138 :
Ces deux dispositions remplacent le code HTML suivant :
 
<source lang="html4stricthtml">
<td ''paramètres''>cellule1</td><td ''paramètres''>cellule2</td><td ''paramètres''>cellule3</td>
</source>
Ligne 153 :
En HTML, il aurait fallu écrire :
 
<source lang="html4stricthtml">
<tr> … </tr>
</source>
Ligne 165 :
Qui remplace le HTML :
 
<source lang="html4stricthtml">
<tr ''paramètres''> … </tr>
</source>
Ligne 172 :
Les balises HTML <code>th</code> ressemblent aux balises <code>td</code>. Leur utilisation est totalement identique, seule la syntaxe change. Cependant il y a une différence notable entre ces deux balises qui intervient au niveau visuel. La balise <code>th</code> est généralement utilisée pour spécifier qu'une cellule représente un titre. Visuellement, cela se voit car le texte de la cellule est en gras.Le code HTML serait:
 
<source lang="html4stricthtml">
<th ''paramètres''>titre1</th><th ''paramètres''>titre2</th><th ''paramètres''>titre3</th>
</source>
Ligne 213 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 244 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 273 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 290 :
qui donnerait en HTML
 
<source lang="html4stricthtml">
<caption>légende</caption>
</source>
Ligne 300 :
qui donnerait alors
 
<source lang="html4stricthtml">
<caption ''paramètres''>légende</caption>
</source>
Ligne 325 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<caption>légende</caption>
Ligne 366 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<caption>légende</caption>
Ligne 421 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 476 :
</source>
|
<source lang="html4stricthtml">
<table border="0">
<tr>
Ligne 498 :
</source>
|
<source lang="html4stricthtml">
<table border="1">
<tr>
Ligne 520 :
</source>
|
<source lang="html4stricthtml">
<table border="10">
<tr>
Ligne 551 :
</source>
|
<source lang="html4stricthtml">
<table style="border:2px dotted;">
<tr>
Ligne 570 :
</source>
|
<source lang="html4stricthtml">
<table style="border:2px dashed;">
<tr>
Ligne 589 :
</source>
|
<source lang="html4stricthtml">
<table style="border:5px double;">
<tr>
Ligne 633 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 681 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 733 :
</source>
|
<source lang="html4stricthtml">
<table align="left" class="wikitable">
<tr>
Ligne 752 :
</source>
|
<source lang="html4stricthtml">
<table align="center" class="wikitable">
<tr>
Ligne 771 :
</source>
|
<source lang="html4stricthtml">
<table align="right" class="wikitable">
<tr>
Ligne 809 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 850 :
</source>
|
<source lang="html4stricthtml">
<table class="wikitable">
<tr>
Ligne 894 :
</source>
|
<source lang="html4stricthtml">
<table border="1" cellspacing="5">
<tr>
Ligne 926 :
</source>
|
<source lang="html4stricthtml">
<table border="1" cellspacing="20">
<tr>
Ligne 965 :
</source>
|
<source lang="html4stricthtml">
<table border="1" cellpadding="5">
<tr>
Ligne 997 :
</source>
|
<source lang="html4stricthtml">
<table border="1" cellpadding="20">
<tr>
Ligne 1 351 :
 
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
<nowiki>[[Image:Blueberries.jpg|right|]]</nowiki>
</blockquote>
 
Ligne 1 357 :
 
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
[[Fichier:Blueberries.jpg|right|]]
La myrtille (du latin myrtus, du grec murtos : myrte, symbole de l’amour ou de la gloire) est l’espèce Vaccinium myrtillus, airelle également connue sous les dénominations de airelle myrtille, arbrêtier, gueule noire, mauret, brimbelle ou raisin des bois. Au Canada, on l’appelle bleuet et sa culture est très importante, notamment celle des fruits sauvages. Le nom myrtille désigne aussi bien le végétal que son fruit, mais le terme de myrtillier est cependant usité.
 
Ligne 1 379 :
{| cellspacing="0" cellpadding="3" width="100%" border="3" style = "background:#ffeedd;"
|- style="text-align:left; font-size:125%; background:#33aaaa;"
! width=200 | fonction !! width=350 | <ttcode>code</ttcode> !! note
<!--### s t r u c t u r e ###-->
|- style = "background:#ffddbb; font-size:125%; font-style:italic"
! colspan="3" | <ttcode>s t r u c t u r e</ttcode>
|-
| délimitation du tableau || <ttcode><nowiki>{|</nowiki><br /><nowiki>tableau</nowiki><br /><nowiki>|}</nowiki></ttcode> ||
|-
| tableau paramétré || <ttcode><nowiki>{| params</nowiki><br /><nowiki>tableau</nowiki><br /><nowiki>|}</nowiki></ttcode> ||
|-
| légende (caption) || <ttcode><nowiki>|+ légende</nowiki></ttcode> ||
|-
| légende paramétrée || <ttcode><nowiki>|+ params | légende</nowiki></ttcode> || à placer en début de ligne
|-
| balise de nouvelle ligne || <ttcode><nowiki>|-</nowiki></ttcode> || à placer en début de ligne ; sans cellule
|-
| nouvelle ligne paramétrée || <ttcode><nowiki>|- params</nowiki></ttcode> ||
|-
| cellule titre || <ttcode><nowiki>!titre</nowiki></ttcode> || style gras & centré par défaut
|-
| cellule titre paramétrée || <ttcode><nowiki>!params|titre</nowiki></ttcode> ||
|-
| ligne titres (en-tête) || <ttcode><nowiki>!titre1!!titre2!!titre3</nowiki></ttcode> ||
|-
| cellule || <ttcode><nowiki>|cell</nowiki></ttcode> ||
|-
| cellule paramétrée || <ttcode><nowiki>|params|cell</nowiki></ttcode> ||
|-
| ligne || <ttcode><nowiki>|cell1||cell2||cell3</nowiki></ttcode> ||
<!--### f o r m a t ###-->
|- style = "background:#ffddbb; font-size:125%; font-style:italic"
! colspan="3" | <ttcode>f o r m a t</ttcode>
|-
| largeur globale || <ttcode>width="n%"</ttcode> || fonction de la fenêtre du navigateur
|-
| cadre & grille || <ttcode>border="n"</ttcode> || épaisseur seulement pour cadre
|-
| cadre seulement || <ttcode>style="border:n solid couleur"</ttcode> || couleur hexa (cf + bas second tableau)
|-
| écart entre cellules || <ttcode>cellspacing="n"</ttcode> || cadre de cellule si n>0 (cf ci-dessous)
|-
| cadre seulement (alternative) || <ttcode>border="n" cellspacing='''"0"'''</ttcode> || demande écart nul entre cellules
|-
| tampon intérieur cellule || <ttcode>cellpadding="n"</ttcode> || entre cadre & texte
|-
| étendue de cellule H ou V || <ttcode>colspan="n" rowspan="n"</ttcode> || lire : cellule couvre n colonnes ou n lignes !!!
|-
| flottement & positionnement gauche/droite du tableau || <ttcode>align="côté"</ttcode> || le texte extérieur au tableau passe sur le côté
|-
| centrage du tableau || <ttcode>style="margin: 1em auto 1em auto"</ttcode> || c une astuce --- le texte extérieur passe pas sur les côtés
|-
| titre du tableau (légende en haut) || <ttcode><nowiki>|+titre</nowiki></ttcode> || titre collé-centré-gras
|-
| en-têtes || <ttcode>!en-tête</ttcode> || pour col & ligne
|-
| alignement vertical ligne ou cellule|| <ttcode>valign="top"</ttcode> || ''pas pour tableau entier (?)''
<!--### s t y l e ###-->
|- style = "background:#ffddbb; font-size:125%; font-style:italic"
! colspan="3" | <ttcode>s t y l e</ttcode>
|-
| format global params de style || <ttcode>style = "param:val; param:val; ...;"</ttcode> || pour tableau, ligne, cellule<br />attention : points-virgules collés <nowiki>!!!</nowiki>
|-
| hauteur & largeur cellules || <ttcode>style="height:100px; width:100px;" </ttcode> || on peut aussi mesurer en %age
|-
| alignement du texte || <ttcode>style="text-align:center"</ttcode> ||
|-
| ''code couleur'' || <ttcode>#rrvvbb</ttcode><br />ou<br /><ttcode>#rvb</ttcode> || 6 ou 3 chiffres en codage Hexadécimanl. ex : #789abc <br /> voir [[meta:Wiki_color_formatting_help|codes couleur]] (sur méta)
|-
| couleur de fond || <ttcode>style="background:couleur"</ttcode> ||
|-
| couleur de texte || <ttcode>style="color:couleur"</ttcode> ||
|-
| style texte || <ttcode>style="font-style:italic; font-size:150%;"</ttcode> ||
|-
| alignement texte (alternative) || <ttcode>align="left"</ttcode> ||
|-
| couleur de fond (alternative) || <ttcode>bgcolor="couleur"</ttcode> ||
|-
| couleur de texte (alternative) || <ttcode><nowiki><span style="color:couleur">texte</span></nowiki></ttcode> || codage (x)html
|}
 
Récupérée de « https://fr.wikiversity.org/wiki/Aide:Tableau »