html5 – les tableaux

la balise table contient le tableau: cette balise contient toutes les balises du tableau

 

 

la balise caption contient le titre du tableau

pour diviser le tableau en trois grosses zones ce qui est utile pour le traitement d’un gros tableau il faut les balises: thead, tfoot, tbody. Il faut les écrire dans cet ordre, c’est le navigateur qui les ré ordonne. Mais cs balises restent facultatives: uniquement pour les gros tableaux.

la balise tr contient les lignes (row): la premiere ligne contiEnt des en tetes

la balise d’en tete th  (table head) contient un nom. Dans les tableaux: sur la premiere ligne il y a le nom des éléments.Ou alors ces noms se trouvent sur la premiere colonne de chaque ligne. Selon notre façon d’organiser le tableau.(comme: prénom, nom, années etc)

 

CSS:

pour positionner le titre en haut ou en bas: caption-side: top; ou caption-side:bottom;

pour coller les cellules entre elles: border-collapse:collapse;

vertical-align permet de positionner le texte dans la cellule

colspan et rowspan permettent la fusion des cellules, ce sont des propriétés de td

 

code source de base utilisable

<table>

<caption></caption>

 

<tr>

<th></th>

<th>/th>

</tr>
<tr>

<td></td>

<td></td>

</tr>
</table>