Un tableau possède en principe une bordure et un quadrillage afin de séparer les informations contenues en son sein et également pour améliorer sa lisibilité.
Plusieurs attributs de la commande de <table> concourent à appliquer un quadrillage au tableau.
L'attribut border="Valeur"* définit la largeur de la bordure et le quadrillage.
* Les valeurs s'expriment en pixels : border="3", border="15" ou border="20".
<html>
<head>
<title>Un titre pertinent</title>
<meta name="Description" content="...">
<meta http-equiv="Date" content="01/01/2000">
...
</head>
<body>
<table border="Valeur">
<caption>
Titre du tableau
</caption>
<tr>
<th>Titre colonne 1</th>
<th>Titre colonne 2</th>
...
</tr>
<tr>
<td>Première cellule</td>
<td>Seconde cellule</td>
...
</tr>
...
</table>
...
Diverses commandes HTML
...
</body>
</html> |
| Contenu |
Contenu |
Contenu |
| Contenu |
Contenu |
Contenu |
| Contenu |
Contenu |
Contenu |
|
<table border="0" align="center">
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
</table> |
| Contenu |
Contenu |
Contenu |
| Contenu |
Contenu |
Contenu |
| Contenu |
Contenu |
Contenu |
|
<table border="10" align="center">
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
</table> |
| Contenu |
Contenu |
Contenu |
| Contenu |
Contenu |
Contenu |
| Contenu |
Contenu |
Contenu |
|
<table border="20" align="center">
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
<tr>
<td>Contenu</td>
<td>Contenu</td>
<td>Contenu</td>
</tr>
</table> |