• TableToutes les informations pour faire un tableau devront être mises entre ces deux balises: <table>  </table>. On commence par ouvrir avec <table>Ici les instructions qui servent à créer les lignes et colonnes (cellules) on referme avec cette balise </table>.
• Les cellules
  On utilise ces balises <tr></tr> et <td></td>
  EXEMPLE
  <table border="1"><tr><td>UNE CELLULE</td></tr></table>

RESULTAT

Pour rajouter des cellules horizontalement mettre <td></td> C'est entre ces deux balises que vous mettez vos infos; textes, images.EXEMPLE
<table border="1">
<tr><td>CELLULE 1</td><td>CELLULE 2</td><td>CELLULE 3</td><td>CELLULE 4</td></tr></table>
RESULTAT

Pour faire un tableau avec des rangées il suffit de rajouter la balise <tr><td >cellule</td></tr> :
EXEMPLE
<table border="1">
<tr>
<td ><td >cellule 1</td>
<td ><td >cellule 2</td>
<td ><td >cellule 3</td>
<td ><td >cellule 4</td>
</tr>
<tr>
<td >cellule 5</td>
<td >cellule 6</td>
<td >cellule 7</td>
<td >cellule 8</td>
</tr>
<tr>
<td >cellule 9</td>
<td >cellule 10</td>
<td >cellule 11</td>
<td >cellule 12</td>
</tr>
<tr>
<td >cellule 13</td>
<td >cellule 14</td>
<td >cellule 15</td>
<td >cellule 16</td>
</tr>
</table>
RESULTAT

Border : L'attribut border="1" signifie que le tableau comporte des bordures 1 étant la taille, plus le chiffre est grand plus les bordures seront épaisses 0 vous n'aurez pas de bordures.Cet attribut se place dans la balise <table border="1"> EXEMPLE <table border="1"> <tr> <td >cellule 1</td> <td >cellule 2</td> <td >cellule 3</td> <td >cellule 4</td> </tr></table> RESULTAT cellule 1 cellule 2 cellule 3 cellule 4 Align L'attribut align comme son nom l'indique aligne horizontalement votre texte ou image à droit ou au centre dans la cellule, si vous ne spécifiez rien le contenu s'affichera par défaut à gauche EXEMPLE <table border="1"> <tr> <td align="right">cellule 1</td> </tr><tr> <td >cellule 2</td></tr><tr> <td ><img src="http://i21.photobucket.com/albums/b283/nimbus74/bien.gif" border="0" alt="bienvenue"></td> </tr> <tr> <td align="center">cellule 4</td> </tr> </table> RESULTAT cellule 1 cellule 2 cellule 4 Valign : L'attribut valign aligne le texte verticalement dans la cellule top pour haut et bottom pour bas si vous ne spécifiez rien le contenu s'affichera automatiquement au centre. EXEMPLE <table border="1"> <tr> <td valign="top">haut</td> <td ><img src="http://i21.photobucket.com/albums/b283/nimbus74/bien.gif" border="0" alt="bienvenue"</td> <td >Centre</td> <td ><img src="http://i21.photobucket.com/albums/b283/nimbus74/bien.gif" border="0" alt="bienvenue"></td> </tr> <tr> <td ><img src="http://i21.photobucket.com/albums/b283/nimbus74/bien.gif" border="0" alt="bienvenue"></td> <td valign="top">Haut</td> <td ><img src="http://i21.photobucket.com/albums/b283/nimbus74/bien.gif" border="0" alt="bienvenue"></td> <td valign="bottom">Bas</td> </tr> </table> RESULTAT haut Centre Haut Bas Les attributs align et valign peuvent être utilisés ensemble Le résultat Droite Centré haut Centré bas Gauche Rowspan L'attribut rowspan permet de couvrir tout ou une partie d'une colonne. EXEMPLE <table border="1"> <tr> <td>colonne 1</td> <td rowspan=3><center>Couvre les colonnes 1-2-3 </center></td> <td>colonne 1</td> <td>colonne 1</td> </tr> <tr> <td>colonne 2</TD><td rowspan=2><center>Couvre les colonnes 2-3</center></td> <td>colonne 2</td> </tr> <tr> <td>colonne 3</td> <td>colonne 3</td> </tr> </table> RESULTAT colonne 1 Couvre les colonnes 1 2 3 colonne 1 colonne 1 colonne 2 Couvre les colonnes 2 3 colonne 2 colonne 3 colonne 3 Colspan L'attribut colspan permet de couvrir tout ou une partie d'une rangée. EXEMPLE <table border="1"> <tr> <td colspan=4><center>titre 1</center></td> </tr> <tr> <td>Rangée 1</td> <td>Rangée 1</td> <td>Rangée 1</td> <td>Rangée 1</td> </tr> <tr> <td>Rangée 2</td> <td>Rangée 2</td> <td>Rangée 2</td> <td>Rangée 2</td> <tr> <td>Rangée 3</td> <td>Rangée 3</td> <td>Rangée 3</td> <td>Rangée 3</td> <tr> </tr> <td>Rangée 4</td> <td colspan=2><center>titre 2</center></td> <td>Rangée 4</td> <tr> <td>Rangée 5</td> <td>Rangée 5</td> <td>Rangée 5</td> <td>Rangée 5</td> </tr> </table> RESULTAT titre 1 Rangée 1 Rangée 1 Rangée 1 Rangée 1 Rangée 2 Rangée 2 Rangée 2 Rangée 2 Rangée 3 Rangée 3 Rangée 3 Rangée 3 Rangée 4 titre 2 Rangée 4 Rangée 5 Rangée 5 Rangée 5 Rangée 5 Bgcolor et bordercolor : Vous pouvez aussi ajouter ces attributs bordercolor dans la balise <table> et bgcolor dans la balise <td> EXEMPLE <table border="2" bordercolor="#ff0000"> <tr> <td bgcolor="#83F4FE"> Cellule 1</td> <td bgcolor="#E1E79A">Cellule 2</td> <td bgcolor="#0000ff">Cellule 3</td> <td bgcolor="#FD84E4">Cellule 4</td> </tr> <tr> <td bgcolor="#0000ff">Cellule 5</td> <td bgcolor="#FD84E4">Cellule 6</td> <td bgcolor="#83F4FE">Cellule 7</td> <td bgcolor="#E1E79A">Cellule 8</td> </tr> </table> RESULTAT Cellule 1 Cellule 2 Cellule 3 Cellule 4 Cellule 5 Cellule 6 Cellule 7 Cellule 8