Pendant longtemps, ce fut le fondement même de tous les sites au allure professionnel, aujourd'hui le tableau est perçu comme un mal ou un cancer à éliminer. Pourtant, il est beaucoup plus simple pour une compréhension humaine d'utilisé un tableau. Voici un petit programme d'exemple permettant d'afficher un tableau :
- <html>
- <body>
- <table>
- <thead>
- <th><b>Nom</b></th>
- <th><b>Diamètre en KM</b></th>
- <th><b>Proportion avec la terre</b></th>
- <th><b>Rayon</b></th>
- </thead>
- <tr>
- <td>Mercury</td>
- <td>4878</td>
- <td>0,38</td>
- <td>2439,00</td>
- </tr>
- <tr>
- <td>Vénus</td>
- <td>12102</td>
- <td>0,95</td>
- <td>6051,00</td>
- </tr>
- <tr>
- <td>Terre</td>
- <td>12756</td>
- <td>1,00</td>
- <td>6378,00</td>
- </tr>
- <tr>
- <td>Mars</td>
- <td>6794</td>
- <td>0,53</td>
- <td>3397,00</td>
- </tr>
- <tr>
- <td>Jupiter</td>
- <td>142796</td>
- <td>11,19</td>
- <td>71398,00</td>
- </tr>
- <tr>
- <td>Saturne</td>
- <td>120660</td>
- <td>9,46</td>
- <td>60330,00</td>
- </tr>
- <tr>
- <td>Uranus</td>
- <td>51200</td>
- <td>4,01</td>
- <td>25600,00</td>
- </tr>
- <tr>
- <td>Neptune</td>
- <td>50000</td>
- <td>3,92</td>
- <td>25000,00</td>
- </tr>
- </table>
- </body>
- </html>
Voici le résultat:
|
On constate alors un flou nous empêchant de distinguer où commence et où finit chacune des cellules du tableau. C'est que par défaut, les tableaux n'affiche pas la bordure. Pour remédier à la situation, il suffit de rajouter un attribut «BORDER» dans la balise «TABLE». Comme ceci :
- <table border="2">
- <thead>
- <th><b>Nom</b></th>
- <th><b>Diamètre en KM</b></th>
- <th><b>Proportion avec la terre</b></th>
- <th><b>Rayon</b></th>
- </thead>
- <tr>
- <td>Mercury</td>
- <td>4878</td>
- <td>0,38</td>
- <td>2439,00</td>
- </tr>
- <tr>
- <td>Vénus</td>
- <td>12102</td>
- <td>0,95</td>
- <td>6051,00</td>
- </tr>
- <tr>
- <td>Terre</td>
- <td>12756</td>
- <td>1,00</td>
- <td>6378,00</td>
- </tr>
- <tr>
- <td>Mars</td>
- <td>6794</td>
- <td>0,53</td>
- <td>3397,00</td>
- </tr>
- <tr>
- <td>Jupiter</td>
- <td>142796</td>
- <td>11,19</td>
- <td>71398,00</td>
- </tr>
- <tr>
- <td>Saturne</td>
- <td>120660</td>
- <td>9,46</td>
- <td>60330,00</td>
- </tr>
- <tr>
- <td>Uranus</td>
- <td>51200</td>
- <td>4,01</td>
- <td>25600,00</td>
- </tr>
- <tr>
- <td>Neptune</td>
- <td>50000</td>
- <td>3,92</td>
- <td>25000,00</td>
- </tr>
- </table>
On aura donc le résultat suivant:
|
Dernière mise à jour : Vendredi, le 15 août 2014