TABLEAU - GUIDE

  COMMENT FAIRE UN JOLI TABLEAU 

SOURCE:  HTMLCODETUTORIAL   ( site:  http://www.htmlcodetutorial.com/tables/)

POUR FAIRE UN TABLEAU ON A BESOIN DE CES 3 BALISES

<TABLE>     <TR>     <TD>

<TABLE> 

On OUVRE notre tableau par  la balise  <TABLE>   et   on  TERMINE le tableau par  </TABLE>
Tout ce qui sera écrit dans le tableau se retrouve entre ces 2 balises 

<TR> 

Les  Lignes:   Écrire chacune des lignes entre les balises  <TR>   et  </TR>
Cette balise signifie en anglais ( Table  Row )  ce qui signifie: ( rangée du tableau) 
Ces balises doivent être écrite entre les balises <TABLE>et</TABLE>

<TD>   

Les Cellules:  Un tableau doit être composé de cellules .  Il faut écrire chacune des phrases
entre les balises  <TD>   et  </TD>
Cette balise signifie en anglais ( Table  Data)  ce qui signifie:  (rangée des données)
Ces balises doivent être écrite entre les balises  <TR>  pour chacune des cellules du tableau

____________________________________________________________________________________

Exemple d'un tableau sans bordure, avec 2 cellules par ligne:
<table>
<tr> <td>Isabelle</td>    <td>18 sept 1979</td>     </tr>
<tr> <td>Nadine</td>     <td>02 juin 1982</td>        </tr>
<tr> <td>Elizabeth</td>  <td>04 février 2008</td>  </tr>
<tr> <td>Geneviève</td>  <td>03 février 2010</td>  </tr>
<tr> <td>Maélie</td>       <td>18 janvier 2012</td>  </tr>
</table>

CE QUI DONNE:

Isabelle	18 sept 1979
Nadine	02 juin 1982
Elizabeth	04 février 2008
Geneviève	03 février 2010
Maélie	18 janvier 2012

____________________________________________________________________________________

<BORDER>    <RULES>  et  <FRAME>

Le contour:  Pour entourer le tableau et les cellules d'un contour on ajoute BORDER,

suivi du nombre désiré, à côté du mot TABLE  de la première balise <TABLE>. 
Ainsi:  <TABLE border 1> .
On obtient un contour simple en rajoutant :   Rules=none Frame=box
Cette balise signifie que la bordure entourant notre tableau aura 1 pixel.

Exemple d'un tableau avec une bordure SIMPLE de 1 pixel:
<table border=1 rules=none frame=box>
<tr>  <td>Isabelle</td>    <td>18 sept 1979</td>     </tr>
<tr> <td>Nadine</td>     <td>02 juin 1982</td>        </tr>
<tr> <td>Elizabeth</td>  <td>04 février 2008</td>  </tr>
<tr> <td>Geneviève</td>  <td>03 février 2010</td>  </tr>
<tr> <td>Maélie</td>       <td>18 janvier 2012</td>  </tr>
</table>

CE QUI DONNE

Isabelle	18 sept 1979
Nadine	02 juin 1982
Elizabeth	04 février 2008
Geneviève	03 février 2010
Maélie	18 janvier 2012

____________________________________________________________________________________

Pour entourer le tableau et les cellules d'un contour on
ENLÈVE  <RULES>  et  <FRAME>  du script ci-dessus

Exemple d'un tableau avec une bordure AUTOUR DE CHAQUE CELLULES:

CE QUI DONNE:                          

Isabelle	18 sept 1979
Nadine	02 juin 1982
Elizabeth	04 février 2008
Geneviève	03 février 2010
Maélie	18 janvier 2012

____________________________________________________________________________________