Maison  >  Article  >  interface Web  >  La balise html tbody est-elle un élément de niveau bloc ? Utilisation de base de la balise html tbody

La balise html tbody est-elle un élément de niveau bloc ? Utilisation de base de la balise html tbody

寻∝梦
寻∝梦original
2018-09-01 17:07:193617parcourir

Cet article explique principalement si la balise HTML tbody est un élément de niveau bloc et l'utilisation de base de la balise HTML tbody. Ensuite, jetons un coup d'œil à cet article sur la balise HTML tbody

<.>Nous devons d'abord savoir ce que sont les éléments de niveau bloc et les éléments en ligne :

  • Les éléments de niveau bloc commencent généralement à partir d'une nouvelle ligne, qui peut accueillir des éléments en ligne et d'autres éléments de bloc, des éléments courants au niveau du bloc tels que div/p, etc. L'élément rapide "form" est particulier. Il ne peut accueillir que d'autres éléments de bloc

  • éléments en ligne : aussi appelés éléments en ligne, généralement au niveau sémantique Éléments de base et les éléments en ligne ne peuvent accueillir que du texte ou d'autres éléments en ligne.

L'élément block (élément block) et l'élément inline (élément inline) sont des concepts de la spécification HTML. La différence fondamentale entre les éléments block et les éléments inline est que les éléments block commencent généralement sur une nouvelle ligne. Lorsqu'un contrôle CSS est ajouté, les éléments de bloc peuvent devenir des éléments en ligne, et les éléments en ligne peuvent également devenir des éléments de bloc.

Disons d'abord que la balise tbody répond aux normes des éléments de niveau bloc, donc la balise html tbody est un élément de niveau bloc. Certaines personnes pourraient se demander : comment le savez-vous ?

Parce que commençons par quel type de balise est la balise tbody :

Cette balise est utilisée pour combiner le contenu principal du tableau HTML.

L'élément tbody doit être utilisé en conjonction avec les éléments head et tfoot. L'élément

thead est utilisé pour regrouper le contenu de l'en-tête dans le tableau HTML, et l'élément tfoot est utilisé pour regrouper le contenu de la note du tableau (pied de page) dans le tableau HTML.

Remarque : si vous utilisez les éléments thead, tfoot et tbody, vous devez tous les utiliser. Ils apparaissent dans l'ordre : thead, tfoot, tbody, afin que le navigateur puisse restituer le pied de page avant de recevoir toutes les données. Vous devez utiliser ces balises à l'intérieur de l'élément table.

Astuce : Par défaut, ces éléments n'affecteront pas la disposition du tableau. Cependant, vous pouvez utiliser CSS pour que ces éléments modifient l'apparence du tableau.

Description détaillée : les éléments Thead, tfoot et tbody vous donnent la possibilité de regrouper des lignes dans un tableau. Lorsque vous créez un tableau, vous souhaiterez probablement avoir une ligne d'en-tête, des lignes contenant des données et une ligne de total en bas. Cette division donne au navigateur la possibilité de prendre en charge le défilement du corps du tableau indépendamment des en-têtes et des pieds de page. Lorsque de longs tableaux sont imprimés, l'en-tête et le pied de page du tableau peuvent être imprimés sur chaque page contenant les données du tableau.

Combiné avec l'introduction des éléments de niveau bloc et des éléments en ligne ci-dessus, vous pouvez savoir si la balise tbody est un élément de niveau bloc ou un élément en ligne.

Parlons maintenant de l'utilisation de base de la balise HTML tbody :

Affichage groupé du tableau (tableau structuré) (IExplore uniquement)

élément tbody Doit être utilisé en conjonction avec les éléments de tête et de pied.

Regrouper par ligne

... ; - Le corps du tableau (Body)

... - Le pied de page (Footer)

Il s'agit du Balise html tbody Exemples d'utilisation :

Que va-t-il se passer avec ce code dans le navigateur ?

<table border> 
<thead> 
<tr><th>PHP</th><th>中文</th><th>网</th></tr> 
</thead> 
<tbody> 
<tr><td>很</td><td>实</td><td>用</td></tr> 
<tr><td>p</td><td>h</td><td>p</td></tr> 
</tbody> 
</table>

Ce qui précède est cet article sur l'utilisation de la balise html tbody (si vous voulez en savoir plus, rendez-vous sur le site Web PHP chinois, qui propose tous les cours de programmation que vous souhaitez) . Si vous avez des questions Vous pouvez poser des questions ci-dessousLa balise html tbody est-elle un élément de niveau bloc ? Utilisation de base de la balise html tbody

[Recommandation de la rédaction]

Comment centrer les caractères chinois dans la balise col en html ? Utilisation de base de la balise col html (avec exemples inclus)


Quel est le code pour ajouter des images en HTML ? Comment ajouter correctement le chemin de l’image en HTML ?

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!

Déclaration:
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