HTML 4.0 apporte
plusieurs innovations dans le domaine des tableaux.
Depuis HTML 4.0 il est possible d'accélérer l'affichage d'un tableau.
Le navigateur qui comptait jusqu'à présent le nombre de colonnes du tableau
n'a plus besoin d'effectuer ce calcul. Vous pouvez lui fournir l'information
via l'attribut cols.
<table
cols=5> Marque
le début d'un tableau composé de 5 colonnes.
Un tableau comporte
des lignes et des colonnes.
<table> Pour encadrer
le tableau, utilisez l'attribut border avec la balise <table>.
Et voici la commande :
<h3>Les
fleurs</h3> Vous pouvez
définir l'épaisseur du cadre en changeant la valeur de l'attribut border. Pour indiquer
l'épaisseur des lignes, vous choisissez l'attibut cellspacing.
Les balises HTML qui définissent les lignes sont les suivantes : <tr>
et </tr>
Il
faut aussi définir les cellules du tableau.
HTML distingue deux types de cellules : les cellules d'en-tête et les cellules
de données.
Les premières sont introduites par les balises
<th> et </th>
et les cellules de données par <td>
et </td>
Exemple
de tableau simple
Titre de la colonne
1
Titre de la colonne
2
Titre de la colonne
3
Contenu de la deuxième
ligne, colonne 1
Contenu de la deuxième
ligne, colonne 2
Contenu de la deuxième
ligne, colonne 3
Je vous donne le code.
<tr>
<th>Titre de la colonne 1</th>
<th>Titre de la colonne 2</th>
<th>Titre de la colonne 3</th>
</tr>
<td>Contenu de la deuxième ligne, colonne 1</td>
<td>Contenu de la deuxième ligne, colonne 2</td>
<td>Contenu de la deuxième ligne, colonne 3</td>
</tr>
</table>
Les fleurs
Les bulbes
Les vivaces
Les annuelles
Les tulipes
La monarde
Les impatients
<table border>
<tr>
<th>Les bulbes1</th>
<th>Les vivaces</th>
<th>Les annuelles</th>
</tr>
<td>Les tulipes</td>
<td>La monarde</td>
<td>Les impatients</td>
</tr>
</table>
Par exemple si vous mettez <table
border=10> vous aurez ceci :
Les fleurs
Les bulbes
Les vivaces
Les annuelles
Les tulipes
La monarde
Les impatients
<table border=10 cellspacing=8>
Un exemple
| Les bulbes | Les vivaces | Les annuelles | Les tulipes | La monarde | Les impatients |
|---|
J'aimerais
bien avoir vos commentaires, questions ou suggestions.
|
|
Écrire à Nicou
Réalisée
et conçue le 28 décembre 1998
Dernière mise à jour le 14 novembre 2001
Copyright © 1998-2001 La page de Nicou.
Tous droits réservés.
