Dans un document HTML, il est possible d'appliquer un alignement des éléments au sein d'un tableau, à l'intérieur des cellules.
Deux attributs d'alignement sont utilisés au sein des balises <td>, <th> et enfin <tr> ainsi que <caption> pour un alignement horizontal et un autre permet un alignement vertical dans les trois premiéres commandes.
L'attribut align="Type d'alignement"* définit un alignement horizontal du tableau et des cellules.
L'attribut valign="Type d'alignement"** définit un alignement vertical au sein des cellules.
* Les options d'alignement horizontal sont "Left" (par défaut) pour la gauche, "right" pour la droite ou "center" pour le centre.
** Les options d'alignement vertical sont "middle" (par défaut) pour le milieu, "top" pour le haut ou "bottom" pour le bas ou "baseline" pour le bas de la ligne courante.
<html> <head> <title>Un titre pertinent</title> <meta name="Description" content="..."> <meta http-equiv="Date" content="01/01/2000"> ... </head> <body> <table> <caption align="Type d'alignement" valign="Type d'alignement"> Titre du tableau </caption> <tr> <th align="Type d'alignement" valign="Type d'alignement"> Titre colonne 1 </th> <th>Titre colonne 2</th> ... </tr> <tr> <td align="Type d'alignement" valign="Type d'alignement"> Première cellule </td> <td>Seconde cellule</td> ... </tr> ... </table> ... Diverses commandes HTML ... </body> </html> |
Tableau aligné au centre par <table align="center> | |||
---|---|---|---|
align="left" | align="center" | align="right" | align="right" valign="top" |
valign="top" | valign="middle" | valign="bottom" | valign="baseline" |
align="left" valign="top" |
align="center" valign="middle" |
align="right" valign="bottom" |
align="left" valign="bottom" |
align="center" valign="top" |
align="right" valign="middle" |
align="left" valign="middle" |
align="center" valign="bottom" |