Partout Les forums Les lexiques Les tutoriaux

Apprendre les langages du web c'est si simple avec nous

Les tableaux - XwZ

Ce tutorial va vous apprendre à créer des tableaux, ce qui n'est pas très facile au début car c'est une partie assez abstraite du code.
Tout d'abord prenons les balises proprement dites d'un tableau :
- <table> pour la balise ouvrante,
- </table> pour la balise fermante.

Maintenant voyons les balises qui définissent un rang (une ligne) :
- <tr> pour créer un rang,
- </tr> pour fermer ce rang.

Et pour introduire des cellules (colonne/case) :
- <td> pour créer une cellule,
- </td> pour fermer cette cellule.

Noter vous pouvez mettre autant de rang que vous voulez tant qu'il y a le même nombre de cellule dans tout les rangs afin que l'affichage ne vous surprenne pas.
Un petit exemple simple :

<table>
  <tr>
    <td>rang 1 cellule 1</td>
    <td>rang 1 cellule 2</td>
    <td>rang 1 cellule 3</td>
  </tr>
  <tr>
    <td>rang 2 cellule 1</td>
    <td>rang 2 cellule 2</td>
    <td>rang 2 cellule 3</td>
  </tr>
</table>

Affiche :


Comme vous pouvez le constater on ne voit pas les traits qui définissent le tableau, on va donc faire en sorte qu'ils s'affichent, pour cela il suffit juste de rajouter border="n" dans la balise <table>, n étant un entier naturel n'importe lequel (un entier naturel est un nombre sans virgule et positif).
Ce qui donnera donc :

Les commentaires :