Programmation en HTML

Les commandes de bases

<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.

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

 

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 : ligne un ligne deux ligne trois ligne quatre	un lien hypertexte à droite