Sitemap

Un tableau est un excellent moyen de présenter de nombreuses informations de manière organisée.Les données sur les ventes, le trafic sur les pages Web, les tendances boursières et les notes des étudiants sont des exemples d'informations souvent présentées dans des tableaux.

Lors de l'ajout d'un tableau à une page Web à l'aide de HTML, il peut être plus attrayant visuellement de le centrer sur la page.Le centrage du texte et des images se fait généralement via la classe text-align ou via CSS, mais le centrage d'un tableau nécessite une approche différente.Des détails sont fournis ci-dessous pour savoir comment centrer un tableau sur une page Web.

Centrer un tableau en HTML

Lors de l'ajout d'un tableau à une page Web, par défaut, il est aligné sur le côté gauche de la page ou du conteneur, comme indiqué ci-dessous.

LES COUPS MOIS AUGMENTATION TOTALE
324 497 Janvier 1998 -
436 699 février 1998 112 172

Le code source HTML du tableau ci-dessus est le suivant.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Pour centrer ce tableau, vous devez ajouter ;margin-left:auto;margin-right:auto; jusqu'à la fin de laattribut style dans la balise

.La balise table ressemblerait à ceci.

La modification de l'attribut de style dans la balise

, comme indiqué ci-dessus, entraîne le centrage du tableau sur la page Web, comme indiqué ci-dessous.
LES COUPS MOIS AUGMENTATION TOTALE
324 497 Janvier 1998 -
436 699 février 1998 112 172
Pointe

Vous pouvez ajouter des paramètres à l'attribut style dans la balise

pour rendre le tableau plus attrayant.Ajout de rembourrage : 2 px ; et espacement des bordures : 20 px ; ajoute un espacement entre les points de données et la bordure pour améliorer la lisibilité.

Informations connexes