Dans les chantiers utilisant le langage HTML simple et populaire, il existe certaines règles pour la conception et l'alignement des tableaux. Il n'est pas rare que le tableau que vous avez placé sur la page se déplace et doive donc être centré sur la page, ou à gauche ou à droite pour s'adapter à la mise en page globale. Par défaut, un tableau en HTML est aligné à gauche et vous devez donc connaître les balises avec lesquelles vous pouvez le repositionner.
Instructions
Étape 1
Pour aligner le tableau au centre de la page Web, utilisez l'attribut présent dans la balise du tableau. Pour aligner le tableau à droite, utilisez l'attribut en conséquence. Pour aligner à gauche de la page, modifiez la valeur de l'attribut à gauche.
Étape 2
En plus du tableau lui-même, vous pouvez également aligner le contenu de ses cellules - horizontalement ou verticalement. Pour aligner horizontalement le contenu des cellules du tableau, utilisez l'attribut align de la balise tr avec la valeur appropriée. Pour les cellules, appliquez-le à la balise td.
Étape 3
Expérimentez avec différents alignements de lignes dans différentes cellules - vous pouvez aligner le texte d'une cellule du tableau au centre et à droite ou à gauche dans une autre.
Étape 4
Pour aligner le texte verticalement, utilisez les attributs de balise tr et td pour positionner le contenu en haut de la cellule. Pour positionner le contenu sur la ligne médiane de la cellule, modifiez la valeur du haut vers le milieu et pour l'aligner sur le bas de la cellule, modifiez la valeur vers le bas. Vous pouvez également aligner le contenu sur la ligne de base (valeur de base).
Étape 5
En ajustant l'alignement du contenu des cellules à la fois horizontalement et verticalement, vous pouvez donner au tableau exactement l'aspect qu'il devrait avoir une fois terminé sur votre page Web.
