01- Les tableaux
Semaine 4
4. Les tableaux
4.1 Structurer du contenu à l’aide des tableaux
Voici un exemple de tableau (avec CSS) :
| balise | type | description | attributs |
|---|---|---|---|
| <table> | bloc | Conteneur renfermant les autres balises de tableau |
border (dépréciée mpratiqueais lors de la conception) |
| <caption> | bloc | titre d’une table |
Voici le code html :
<table>
<caption> Les balises d’un tableau </caption>
<thead>
<tr>
<th>balise</th>
<th>type</th>
<th>description</th>
<th>attributs</th>
</tr>
</thead>
<tbody>
<tr>
<td class= »tableau_td »><table></td>
<td>bloc</td>
<td>Conteneur renfermant les autres balises de tableau </td>
<td>summary
border <em>(dépréciée mais pratique lors de la conception) </em></td>
</tr>
<tr>
<td class= »tableau_td »><caption></td>
<td>bloc</td>
<td> titre d’une table</td>
<td> </td>
</tr>
</tbody>
</table>
4,2 Explication des balises
Voici l’explication des balises utilisées :
<table>
La balise <table>
L’élément essentiel dans la création de tableaux est <table>, c’est lui le conteneur qui renferme tous les éléments d’un tableau. C’est une balise de type Bloc, il est donc inséré directement dans le corps du document.
<caption> Les balises d’un tableau </caption>
La balise <caption>
Cette balise est utilisée pour attribuer un titre général pour le tableau. Il sera situé au-dessus du tableau.
<thead>
<tr>
<th>balise</th>
<th>type</th>
<th>description</th>
<th>attributs</th>
</tr>
</thead>La balise <thead>
la balisea<thead>(non obligatoire), sert à structurer l’information de l’en-tête du tableau.La balise <tr>sera utilisée lorsque l’on veut déclarer une ligne d’un tableau.
La balise <th> C’est une cellule d’en-tête qui sera utilisée lorsque l’on veut déclarer un titre d’une colonne ou d’une ligne.
<tbody>
<tr>
<td class= »tableau_td »><table></td>
<td>bloc</td>
<td>Conteneur renfermant les autres balises de tableau </td>
<td>summary
border <em>(dépréciée mais pratique lors de la conception) </em></td>
</tr><tr>
<td class= »tableau_td »><caption></td>
<td>bloc</td>
<td> titre d’une table</td>
<td> </td>
</tr></tbody>
La balise <tbody>
la balisea<tbody>(non obligatoire), sert à structurer l’information du corps du tableau.La balise <tr>sera utilisée lorsque l’on veut déclarer une ligne d’un tableau.
La balise <td>sera utilisée lorsque l’on veut déclarer une cellule.
</table>
La balise </table>
Si vous ne connaissez pas la signification… Voir cours 01…
1.5 Quelques règles d’écriture du HTML
- Écrire les noms de balise en bas de casse (minuscules).
- Écrire les noms d’attribut en bas de casse (minuscules).
- Refermer toute balise ouvrante avec une balise de fin. (<h2> 2.1 Signification des acronymes <img/>).
- Terminer toute balise vide avec une barre oblique précédée d’une espace (<img /> et non <img>).
- Encadrer les valeurs d’attribut de guillemets droits.
- Expliciter les valeurs d’attribut (<input … checked= »checked » /> et non <input … checked>).
- Remplacer l’identificateur partiel NAME par ID.
- Assortir toute image d’un attribut ALT, même de valeur nulle.
