Maison > interface Web > tutoriel HTML > le corps du texte

Analysez les balises Table, ne confondez plus td, th, tr !

藏色散人
Libérer: 2022-08-05 10:47:10
avant
4382 Les gens l'ont consulté

Résumé

Je n'ai jamais très bien maîtrisé la balise Table en HTML, et je confonds souvent td, th et tr. Bien que le HTML natif soit rarement utilisé dans le développement actuel et que les composants frontaux écrits par d'autres soient essentiellement utilisés, les composants de table écrits par d'autres sont généralement conçus en fonction des niveaux de la table native. [Recommandé : Tutoriel vidéo HTML]

Alors résumons-le aujourd'hui !

Structure de base

Balises Explication Attributs communs
table Balises de premier niveau border : largeur de la bordure ; width : largeur du tableau ; aligner : alignement des données du tableau ; cellpadding : indique la distance entre le contenu de chaque cellule et la bordure. Plus la valeur est grande, plus l'espacement des cellules du tableau est grand. La distance entre les cellules adjacentes
thead L'étiquette parent de l'en-tête du tableau
tr(ligne du tableau) L'étiquette parent du nom de la colonne Généralement, il n'y a qu'un seul tr dans un. tête, car Généralement, une table n'a qu'un seul nom de colonne
ème (cellule d'en-tête du tableau) représente la cellule d'en-tête, et les données à l'intérieur sont le nom de la colonne
tbody La balise parent de la partie données du formulaire
td (cellule de données du tableau) cellule de données, les données spécifiques sont placées dans cette étiquette
tfoot représente le pied de page du tableau colspan représente la fusion de colonnes ; rowspan Indique la fusion de lignes

Case

	
Copier après la connexion
                                                                                                                                                           
项目单价/元数量/斤金额/元
白菜1.0033.00
西瓜0.50105.00
合计:8.00

Analysez les balises Table, ne confondez plus td, th, tr !

Summary

  • À l'exception de th et td qui peuvent spécifier des données spécifiques, les autres sont fondamentalement similaires aux balises parent qui ne peuvent pas spécifier de contenu spécifique. th spécifie le nom de la colonne dans l'en-tête du tableau et td spécifie la valeur des données spécifiques. Le tableau est principalement divisé en trois parties, à savoir l'en-tête, le corps des données du tableau tbody, le pied de page tfoot

  • th et le. parent de td Les étiquettes sont toutes tr, ce qui signifie que th et td doivent être placés dans tr

  • thead spécifie les données en utilisant th, tbale et tfoot spécifie les données en utilisant td

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal