Pour crée un tableau, il faut commencer les balise <table><tr><td></td></tr></table>
le TH sert à définir des en-têtes de colonnes. Pas de mise en forme nécessaire à la base, car le texte y est automatiquement centré et en gras. Evidement, tu peux mettre un align=right si tu veux. Le TD sert à l'affichage de données auxquelles la mise en forme est plus que nature. Voilà donc la différence : TH = en-tête (H= Head) et TD = données (D=data)... en bien sur le T signifiant Table, mais vous l'aviez deviné...
Code html du tableau :
<style type="text/css">.tableautable {border-collapse: collapse;}.tableauth{border: 1px solid black;padding:5px;}
</style><br /> <div style="margin-left: 80px;"> <table class="tableautable"> <tbody>
<tr>
<th class="tableauth">titre 1</th>
<th class="tableauth">titre 2</th>
<th class="tableauth">titre 3</th>
<th class="tableauth">titre 4</th>
</tr>
<tr>
<th class="tableauth">Donnée 1.1</th>
<th class="tableauth">Donnée 2.1</th>
<th class="tableauth">Donnée 3.1</th>
<th class="tableauth">Donnée 4.1</th>
</tr> <tr>
<th class="tableauth">Donnée 1.2</th>
<th class="tableauth">Donnée 2.2</th>
<th class="tableauth">Donnée 3.2</th>
<th class="tableauth">Donnée 4.2</th>
</tr> <tr>
<th class="tableauth">Donnée 1.3</th>
<th class="tableauth">Donnée 2.3</th>
<th class="tableauth">Donnée 3.3</th>
<th class="tableauth">Donnée 4.3</th>
</tr> </tbody></table> </div>
titre 1 | titre 2 | titre 3 | titre 4 |
---|---|---|---|
Donnée 1.1 | Donnée 2.1 | Donnée 3.1 | Donnée 4.1 |
Donnée 1.2 | Donnée 2.2 | Donnée 3.2 | Donnée 4.2 |
Donnée 1.3 | Donnée 2.3 | Donnée 3.3 | Donnée 4.3 |
le TH sert à définir des en-têtes de colonnes. Pas de mise en forme nécessaire à la base, car le texte y est automatiquement centré et en gras. Evidement, tu peux mettre un align=right si tu veux. Le TD sert à l'affichage de données auxquelles la mise en forme est plus que nature. Voilà donc la différence : TH = en-tête (H= Head) et TD = données (D=data)... en bien sur le T signifiant Table, mais vous l'aviez deviné...
Code html du tableau :
<style type="text/css">.tableautable {border-collapse: collapse;}.tableauth{border: 1px solid black;padding:5px;}
</style><br /> <div style="margin-left: 80px;"> <table class="tableautable"> <tbody>
<tr>
<th class="tableauth">titre 1</th>
<th class="tableauth">titre 2</th>
<th class="tableauth">titre 3</th>
<th class="tableauth">titre 4</th>
</tr>
<tr>
<th class="tableauth">Donnée 1.1</th>
<th class="tableauth">Donnée 2.1</th>
<th class="tableauth">Donnée 3.1</th>
<th class="tableauth">Donnée 4.1</th>
</tr> <tr>
<th class="tableauth">Donnée 1.2</th>
<th class="tableauth">Donnée 2.2</th>
<th class="tableauth">Donnée 3.2</th>
<th class="tableauth">Donnée 4.2</th>
</tr> <tr>
<th class="tableauth">Donnée 1.3</th>
<th class="tableauth">Donnée 2.3</th>
<th class="tableauth">Donnée 3.3</th>
<th class="tableauth">Donnée 4.3</th>
</tr> </tbody></table> </div>
Aucun commentaire:
Enregistrer un commentaire