BlABlA HTML

Accueil | billet1 | billet2 | billet3 | billeta | billet4 | billet5 | billet6

Les tableaux: (Anciennement utilisés pour la mise en page,) il ne doivent maintenant servir uniquement pour présenter des données tabulaires, comme, des tableaux de statistique, des tableaux comparatifs...

La base

Structure:

<table>
	<tr>
		<td>ligne1 cellule 1</td>
		[<td>ligne1 cellule N</td>...]
	</tr>
	[<tr>
		<td>ligne X cellule 1</td>
		[<td>ligneX cellule Y </td>...]
	</tr>...]
</table>

On trouve ensuite la balise <th> qui remplace <td> lorsque la cellule est une entête.
La balise <caption> permet d'indiquer la légende du tableau.

Exemples
Tableau entrée simple
entete 1 entete 2 entete 3
     
     
     
     
     
     

<table border="1">
<caption>
Tableau entr&eacute;e simple
</caption>
<tr>
<th>entete 1</th>
<th>entete 2</th>
<th>entete 3</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
[...]
</table>


Tableau à double entrées
  entete 1 entete 2 entete 3 entete 4 entete 5 entete 6
entrée 1            
entrée 2            

Ouverture table Ligne 1 Ligne 2 Ligne 3 Fermeture table
<table border="1">
<caption>
Tableau à double entrées
</caption> 		<tr>
<td>&nbsp;</td>
<th>entete 1</th>
<th>entete 2</th>
<th>entete 3</th>
<th>entete 4</th>
<th>entete 5</th>
<th>entete 6</th>
</tr>		 <tr>
<th>entrée 1</th>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>		 <tr>
<th>entrée 2</th>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>		 </table>

Tableaux complexes

Il est possible de définir trois type de zones dans un tableau grâce aux balises:
<thead>
<tbody>
<tfoot>

On peut aussi regrouper les cellules par les balises:
<col />
<colgroup>

retour

XHTML1.0 | CSS2