---

Vous voulez aller plus vite
Toute la section HTML est ici !

*~*~Choisissez une page*~*~ Accueil HTML Introduction Le début d'une page Web Les balises de texte Les balises de paragraphe Les couleurs Les liens Les images Images (suite) Les listes Les tableaux Les tableaux (suite) Les tableaux (suite) Mise en page avec tableaux Tableaux (suite) Tableaux (suite) Trois bordures

---

Hauteur et largeur d'un tableau.
La hauteur et la largeur d'un tableau se définissent habituellement de façon automatique,
en fonction du contenu et de la largeur de la fenêtre.
Pour spécifier des valeurs particulières, utilisez la balise <table> et les attributs Width et Height

Les fleurs

Les bulbes	Les vivaces	Les annuelles
Les tulipes	La monarde	Les impatients

Et voici la commande :

<h3>Les fleurs</h3>
<table border width=75%>
<tr>
<th>Les bulbes</th>
<th>Les vivaces</th>
<th>Les annuelles</th>
</tr>
<td>Les tulipes</td>
<td>La monarde</td>
<td>Les impatients</td>
</tr>
</table>

Vous faites la même chose pour la hauteur.

Les fleurs

Les bulbes	Les vivaces	Les annuelles
Les tulipes	La monarde	Les impatients

<h3>Les fleurs</h3>
<table border height=75%>
<tr>
<th>Les bulbes</th>
<th>Les vivaces</th>
<th>Les annuelles</th>
</tr>
<td>Les tulipes</td>
<td>La monarde</td>
<td>Les impatients</td>
</tr>
</table>

Vous pouvez aussi mettre la largeur et la hauteur en pixels . On le fait de la même façon.

<table border width=500>

Espacer les bords de cellules et leur contenu.

L'attribut cellpading de la balise<table> définit l'espace entre les bords de la cellule et son contenu.

Les fleurs

Les bulbes	Les vivaces	Les annuelles
Les tulipes	La monarde	Les impatients

La commande:

<h3>Les fleurs</h3>
<table border cellpadding=15>
<tr>
<th>Les bulbes</th>
<th>Les vivaces</th>
<th>Les annuelles</th>
</tr>
<td>Les tulipes</td>
<td>La monarde</td>
<td>Les impatients</td>
</tr>
</table>

Alignement vertical de cellules

La commande :

<table border>
<tr>
<td>Printemps</td>
<td> L'alignement est mis en évidence si d'autres cellules contiennent du texte.</td>
</tr>
<tr>
<td valign=top>Été</td>
<td>L'alignement est mis en évidence si d'autres cellules contiennent du texte.</td>
</tr>
<tr>
<td valign=middle>Automne</td>
<td>L'alignement est mis en évidence si d'autres cellules contiennent du texte.</td>
</tr>
<tr>
<td valign=buttom>Hiver</td>
<td>L'alignement est mis en évidence si d'autres cellules contiennent du texte.</td>
</tr>
</table>
</body>
</html>

  Suite des tableaux

HTML

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.