Programmation en HTML

   

chapitre 6-a

 

Les commandes de bases

     
    Les commandes de base pour créer des tableaux en HTML sont les suivantes :

<table></table>

Cette commande est la commande principale pour ouvrir une zone de tableau. <table>  </table> encadrent les limites d'un tableau.
 

<th></th>

De l'anglais table header, permet d'ajouter une rangée en en-tête. C'est le titre de la colonne. Les paramètres par défaut sont l'usage du caractères gras et la position centrée.
<tr></tr>
De l'anglais table row, marque le début d'une nouvelle ligne. <tr>  </tr> permet de définir une rangée.
 

<td></td>

De l'anglais table data, est placé devant les informations qui composent les cellules. Les paramètres par défaut sont l'alignement à gauche et l'alignement vertical au centre.
 

<caption></caption>

Commande qui doit être placée directement sous la commande <table> et avant la première rangée. Elle permet de donner un titre au tableau.
 

Exemple :

Soit le code HTML suivant :

<table>
<caption>Les chiffres</caption>
<tr> <th> A </th> <th> B </th> <th> C </th> <th> D </th> </tr>
<tr> <td> 1 </td> <td> 2 </td> <td> 3 </td> <td> 4 </td> </tr>
<tr> <td> 5 </td> <td> 6 </td> <td> 7 </td> <td> 8 </td> </tr>
</table>  

Affichera sous un logiciel client (Navigator ou Internet Explorer) :
 
Les chiffres
A B C D
1 2 3 4
5 6 7 8
 

Nota :
Le HTML nous donne la possibilité d'insérer au sein d'un tableau différents types d'informations :
  • du texte
  • des images
  • des liens hypertextes
  • des listes & définitions
  • des tableaux
 
Ceci est un texte simple centré et gras
Ceci est
un tableau
dans un
autre tableau
une image
Ceci est une liste :
  1. ligne un
  2. ligne deux
  3. ligne trois
  4. ligne quatre
un lien hypertexte à droite
 

 
Introduction | Découvrez le HTML | La page HTML | Les liens hypertextes | Formater le texte
Mettre des images | Les tableaux | Les listes & définitions | Les formulaires | Le multimédia