La hierarchie d'un tableau

<table> c'est le tableau lui même </table>

<tr> c'est une ligne </tr>
<td></td> c'est une colonne



ce qui donne

<table>
<tr>
<td> colonne 1</td><td>colonne 2</td>
</tr>
etc...
</table>
après dans les balises tu mets ta mise en forme

<div> </div> c'est un "calque" auquel tu peux appliquer une mise en forme aussi avec du CSS, c'est une autre methode

Vas voir là:

htmltable

ou là:

http://www.allhtml.com/articles/detail/369

Bon il faut bien diviser le problème :
- le code HTML permet de faire la mise en page, entre autres en créant des tableaux
- le code HTML peut recevoir des options pour spécifier certains aspects de la mise en page (taille, couleur, alignement, espacement)
- toutefois ces aspects de mise en pages sont plutôt à mettre dans un fichier CSS.

HTML :

Pour créer un tableau les balises sont TOUJOURS dans cet ordre :

<table>
  <tr><td> ligne 1,colonne 1 </td><td> ligne 1,colonne 2 </td></tr>
  <tr><td> ligne 2,colonne 1 </td><td> ligne 2,colonne 2 </td></tr>
</table>

<div class="tableau">
<table>
  <tr><td> ligne 1,colonne 1 </td><td> ligne 1,colonne 2 </td></tr>
  <tr><td> ligne 2,colonne 1 </td><td> ligne 2,colonne 2 </td></tr>
</table>
</div>

Un div peut englober un tableau mais pas juste une colonne / cellule. Un div permet en particulier de préciser la classe CSS à laquelle se rattache ton tableau. Il est équivalent en terme de rendu de préciser tous les attributs du tableau dans la balise <table> qu'au travers d'une classe CSS.

L'avantage d'utiliser la classe CSS est de pouvoir appliquer un style sur plusieurs table très facilement, et d'adapter ce style facilement le jour où tu voudras le modifier (il suffira de changer juste la classe CSS et pas chaque <table>). C'est pourquoi de nos jours on privilégie la méthode CSS.

Bonne chance