Blue Flower

Construire un tableau.

<table border="1">
<tr><th>titre A</th><th>titre B</th></tr>
<tr><td>1</td><td>2</td></tr>
</table>
titre Atitre B
1 2

Explication.

  • la balise <table>...</table> permet d'introduire le tableau. On peut lui ajouter un paramètre pour afficher ou non les lignes du tableau.
    • L'instruction <table border="1"> affiche une fine ligne pour délimiter le tableau.
    • L'instruction <table border="0"> n'affiche pas de ligne pour délimiter le tableau.
  • la balise <tr>...</tr> ajoute une ligne au tableau.
  • la balise <td>...</td> ajoute une cellule au tableau.
  • la balise <td>...</td> ajoute le titre de la colonne.

Ajouter un titre au tableau.

<caption>Par exemple</caption>
Nota.
On ajouter cette ligne sous la balise .

Ajouter une cellule vide dans un tableau.

Il est préférable d'utiliser la commande suivante: &#160.

Modifier les espacements dans les cellules d'un tableau.

L'attribut cellspacing permet d'agrandir les traits de séparation des cellules. Pour 0, on obtient un trait, pour un chiffre supérieur à 0, on obtient un espacement de x pixels.

L'attribut cellpadding permettent de préciser, en pixels, les marges intérieures des cellules.

<table border="1" cellspacing="10" cellpadding="10">
<caption>Par exemple</caption><tr>
<th>Pays</th>
<th>Capitale</th>
</tr>
<tr>
<td>France</td>
<td>Paris</td>
</tr>
<tr>
<td>Espagne</td>
<td>Madrid</td>
</tr>
</table>
Par exemple
PaysCapitale
France Paris
Espagne Madrid

Fusionner des cellules.

L’attribut colspan permet de fusionner horizontalement les cellules de plusieurs colonnes.

L’attribut rowspan sert à fusionner verticalement les cellules de plusieurs lignes.

<table border="1" cellspacing="10" cellpadding="10">
<caption>Par exemple</caption>
<tr><th rowspan="5">Le globe</th><th colspan="2">Infos pays</th></tr>
<tr><th>Pays</th><th>Langue</th></tr>
<tr><td>Andorre</td><td>catalan</td></tr>
<tr><td rowspan="2">Canada</td><td>anglais</td></tr>
<tr><td>français</td></tr>
</table>
Par exemple
Le globeInfos pays
PaysLangue
Andorre catalan
Canada anglais
français