Travailler avec les tableaux en HTML
Maintenant, nous allons apprendre à créer des tableaux en HTML. Je pense que vous avez une idée de ce qu'est un tableau dans la vie courante - c'est un ensemble de lignes et de colonnes, à l'intersection desquelles se trouvent des cellules.
En HTML, les tableaux sont créés sur un principe similaire. Il y a aussi des colonnes et des lignes avec des cellules, cependant, le code HTML des tableaux peut sembler inusité au premier abord : les tableaux sont créés ligne par ligne - d'abord la première ligne, puis la deuxième et ainsi de suite.
Le code d'un tableau a une structure rigide : la balise principale
est table, à l'intérieur de laquelle
doivent se trouver les balises tr, qui créent
les lignes du tableau, et à l'intérieur de celles-ci - les balises td,
qui créent les cellules. La balise table
peut avoir un attribut border, qui
définit la bordure du tableau et de ses cellules.
Prenons par exemple un tableau avec trois lignes et trois cellules dans chaque ligne :
<table border="1">
<tr>
<td>cellule 1</td>
<td>cellule 2</td>
<td>cellule 3</td>
</tr>
<tr>
<td>cellule 4</td>
<td>cellule 5</td>
<td>cellule 6</td>
</tr>
<tr>
<td>cellule 7</td>
<td>cellule 8</td>
<td>cellule 9</td>
</tr>
</table>
:
Répétez l'exemple ci-dessous :