Spécification de la police et de la taille dans la table HTML

Spécification de la police et de la taille dans la table HTML
Lorsque les tables sont créées dans un document HTML, les développeurs souhaitent définir la taille de la table et la police du contenu de la table pour maintenir une bonne interface utilisateur graphique. La façon traditionnelle de créer une table en HTML est d'ajouter un «" élément. Plus précisément, pour spécifier la police et la taille du tableau, le «»L'élément est utilisé.

Ce message montrera la méthode pour spécifier la police et la taille d'une table HTML.

Utilisation de la balise «» pour spécifier la police et la taille dans la table HTML

Les développeurs peuvent spécifier la police et la taille de la table HTML via le «"Élément de telle manière que"»L'élément couvre tout le contenu de la table. La taille de la table peut être déclarée en utilisant le «taille«Attribut à l'intérieur du«”L'ouverture du style et le style de police peuvent être déclarés via le«affronter" attribut.

Exemple

Supposons qu'il y ait l'exemple suivant d'une table HTML pour laquelle nous définirons la police et la taille:















Identité du clientNom du clientNom de fichierNom de clés
New51132Windows2012démo.pdfClé de test

Dans l'extrait de code ci-dessus:

  • UN "Police de caractère"L'élément est ajouté qui a les attributs"taille" et "affronter”Dans la balise d'ouverture pour spécifier la taille et le style de police du tableau respectivement.
  • À l'intérieur de "Police de caractère«Élément, ajoutez un«tableau»Élément pour créer le tableau pour lequel la taille susmentionnée et les attributs de style de police doivent être appliqués.
  • Dans l'ouverture "tableau”Tag, définissez le"classe«Attribut qui définit une classe nommée«languette".
  • À l'intérieur de "tableau»Élément, spécifiez le«»Élément qui ajoute les lignes de table.
  • À l'intérieur de "»Élément, définissez le«”Éléments pour ajouter les cellules du tableau et définir chaque valeur à ajouter au tableau.
  • Enfin, spécifiez un autre «”Element pour ajouter une ligne séparée et le"”Éléments à l'intérieur de la même manière que les lignes ajoutées ci-dessus.
  • Cela créera une seule table dans la sortie.

Maintenant, nous pouvons créer une autre table HTML avec différentes valeurs définies pour le «taille" et "affronter»Attribut juste pour différencier la police et la taille des deux tables différentes:













Identité du clientNom du clientNom de fichierNom de clés
New51132Windows2012démo.pdfClé de test

Dans l'extrait de code ci-dessus:

  • Un autre tableau a créé exactement de la même manière que dans la section précédente de ce post. La seule différence est que les valeurs définies pour le «taille" et "affronter«Attributs du«Police de caractère”TAG est différent.
  • Ici, la taille a été définie comme «5»Et le visage de la police a été défini comme«consolas".

Les propriétés CSS pour créer une meilleure représentation pour les deux tables sont données ci-dessous:

table, th, td
Border: 2px DarkBlue solide;
Border-Collapse: s'effondrer;

.languette
marge: 8px;
Largeur: 80%;

Le code ci-dessus créera deux tables différentes dans la sortie. Un avec la taille "2"Et la police"courrier"Et l'autre avec la taille"5"Et Font"consolas»:

C'est ainsi que nous pouvons spécifier la police et la taille dans le tableau HTML.

Conclusion

Dans la table HTML, la police et la taille peuvent être spécifiées en ajoutant le «”Élément de telle manière qu'il couvre tous les«

»Éléments à l'intérieur. La taille de la table est définie en ajoutant le «taille«L'attribut et le style de police du contenu de la table sont définis en ajoutant le«affronter«Attribut dans le«»Tag d'ouverture. Cet article a expliqué comment spécifier la police et la taille de la table HTML.