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