Créer un catalogue produit en HTML avec tableaux

Introduction

Les tableaux HTML sont la méthode la plus simple pour un catalogue en ligne. Un tableau 3 colonnes : image, description, commande/stock. Contrôle de l'espace blanc, alignement automatique.

Étape 1 : Définir le tableau

<table border="1">

Étape 2 : Première ligne (en-têtes ou premier produit)

<tr>
  <td><img src="image1.jpg" /></td>
  <td>Description du premier article</td>
  <td>Disponible</td>
</tr>

Étape 3 : Deuxième ligne (deuxième produit)

<tr>
  <td><img src="image2.jpg" /></td>
  <td>Description du second article</td>
  <td>Rupture de stock</td>
</tr>

Étape 4 : Fermer le tableau

</table>

Astuces

• Chaque ligne commence/termine par <tr>, chaque cellule par <td>. Ajoutez lignes/colonnes à volonté.
• Espace intérieur : <table border="1" cellpadding="10"> → 10 px autour du contenu de chaque cellule.
• Images : largeur/hauteur fixes (ex. 60×60 px) pour alignement propre.