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>&times;</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>


×1234
11234
22468
336912
4481216


haut de page

Tableau simple avec cadre

<table rules="all" border="1">
      <tr><th>&times;</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>


×1234
11234
22468
336912
4481216


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
ABCDEABCDEABCDE
A
A
A
A
ABCDEABCDEABCDE
A
A
A
A
ABCDEABCDEABCDE


haut de page

Tableau avec légende

<table>
<caption align="bottom"><em>Table de multiplication</em></caption>
      <tr><th>&times;</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
×1234
11234
22468
336912
4481216


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>


ABCD E
FGH
IJK
LMN


haut de page

Les rôles de cellspacing cellpadding et border

AA
AA
     cellspacing
     cellpadding
     border


haut de page


retour