Bannière

Bannière

Crée un tableau Html

Pour crée un tableau, il faut commencer les balise <table><tr><td></td></tr></table>
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