04- Les tableaux Exercices et balises

Semaine 4

4. Les tableaux

 

4. Les balises des tableaux

les balises

Les balises de structuration pour les tableaux sont nombreuses voici les plus utilisées.

Les balises d’un tableau
balise type description attributs
<table> bloc Conteneur renfermant les autres balises de tableau

 

border (dépréciée mais pratique lors de la conception)

<caption> bloc titre d’une table  
<thead> bloc Entête d’un tableau  
<th> bloc Cellule d’en-tête rowspan, colspan
<tbody> bloc corps du tableau
(après <tfoot>)
 
<tr> bloc Ligne du tableau  
<td> bloc Cellule du tableau rowspan, colspan
<tfoot> bloc Bas du tableau 
(s’insère après thead)
 

 

 

5. Exercices

5.1 Reproduire le tableau suivant :

exercice 5.1

5.2 Reproduire le tableau suivant en utilisant l’ensemble des balises :

exercice 5.2

1.5 Quelques règles d’écriture du HTML

 

  1. Écrire les noms de balise en bas de casse (minuscules).
  2. Écrire les noms d’attribut en bas de casse (minuscules).
  3. Refermer toute balise ouvrante avec une balise de fin. (<h2> 2.1 Signification des acronymes <img/>).
  4. Terminer toute balise vide avec une barre oblique précédée d’une espace (<img /> et non <img>).
  5. Encadrer les valeurs d’attribut de guillemets droits.
  6. Expliciter les valeurs d’attribut (<input … checked= »checked » /> et non <input … checked>).
  7. Remplacer l’identificateur partiel NAME par ID.
  8. Assortir toute image d’un attribut ALT, même de valeur nulle.