retour
Exemples de tableaux
Tableau simple
Tableau simple avec cadre
Centrage dans les cellules
Utilisation des légendes dans les tableaux
Fusion de cellules
Les rôles de cellspacing cellpadding et border
Tableau simple
<table>
<tr><th>×</th><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr><th>1</th><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><th>2</th><td>2</td><td>4</td><td>6</td><td>8</td></tr>
<tr><th>3</th><td>3</td><td>6</td><td>9</td><td>12</td></tr>
<tr><th>4</th><td>4</td><td>8</td><td>12</td><td>16</td></tr>
</table>
× | 1 | 2 | 3 | 4 |
1 | 1 | 2 | 3 | 4 |
2 | 2 | 4 | 6 | 8 |
3 | 3 | 6 | 9 | 12 |
4 | 4 | 8 | 12 | 16 |
haut de page
Tableau simple avec cadre
<table rules="all" border="1">
<tr><th>×</th><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr><th>1</th><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><th>2</th><td>2</td><td>4</td><td>6</td><td>8</td></tr>
<tr><th>3</th><td>3</td><td>6</td><td>9</td><td>12</td></tr>
<tr><th>4</th><td>4</td><td>8</td><td>12</td><td>16</td></tr>
</table>
× | 1 | 2 | 3 | 4 |
1 | 1 | 2 | 3 | 4 |
2 | 2 | 4 | 6 | 8 |
3 | 3 | 6 | 9 | 12 |
4 | 4 | 8 | 12 | 16 |
haut de page
Centrage dans les cellules
<table border="1" width="50%">
<tr><td>A<br>A<br>A<br>A</td>
<td
valign="top" align="left">ABCDE</td>
<td valign="top" align="center">ABCDE</td>
<td
valign="top" align="right">ABCDE</td>
</tr>
<tr><td>A<br>A<br>A<br>A</td>
<td
valign="middle" align="left">ABCDE</td>
<td valign="middle" align="center">ABCDE</td>
<td
valign="middle" align="right">ABCDE</td>
</tr>
<tr><td>A<br>A<br>A<br>A</td>
<td
valign="bottom" align="left">ABCDE</td>
<td valign="bottom" align="center">ABCDE</td>
<td
valign="bottom" align="right">ABCDE</td>
</tr>
</table>
A A A A | ABCDE | ABCDE | ABCDE |
A A A A | ABCDE | ABCDE | ABCDE |
A A A A | ABCDE | ABCDE | ABCDE |
haut de page
Tableau avec légende
<table>
<caption align="bottom"><em>Table de multiplication</em></caption>
<tr><th>×</th><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr><th>1</th><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><th>2</th><td>2</td><td>4</td><td>6</td><td>8</td></tr>
<tr><th>3</th><td>3</td><td>6</td><td>9</td><td>12</td></tr>
<tr><th>4</th><td>4</td><td>8</td><td>12</td><td>16</td></tr>
</table>
Table de multiplication
× | 1 | 2 | 3 | 4 |
1 | 1 | 2 | 3 | 4 |
2 | 2 | 4 | 6 | 8 |
3 | 3 | 6 | 9 | 12 |
4 | 4 | 8 | 12 | 16 |
haut de page
Fusion de cellules
<table border="1">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
<td>E</td>
</tr>
<tr>
<td rowspan="2">F</td>
<td>G</td>
<td
colspan="3">H</td>
</tr>
<tr>
<td>I</td>
<td>J</td>
<td colspan="2"
rowspan=2>K</td>
</tr>
<tr>
<td>L</td>
<td>M</td>
<td>N</td>
</tr>
</table>
haut de page
Les rôles de cellspacing cellpadding et border
|
| cellspacing |
| cellpadding |
| border |
|
haut de page
retour