Maison interface Web tutoriel HTML Compréhension approfondie des balises de table (table) en HTML

Compréhension approfondie des balises de table (table) en HTML

Apr 02, 2017 am 10:01 AM
html

Tableau (tableau) est une balise qui est utilisée par tout le monde depuis longtemps. Elle est encore utilisée jusqu'à présent. Cependant, en raison de la reconstruction actuelle du site Web, il est recommandé de le faire. vous n'utilisez pas de tableaux pour la mise en page. De nombreux amis pensent à tort que l'utilisation de tableaux n'est pas standard. En fait, ce n'est pas le cas. Il n'y a pas si longtemps, afin de retrouver les principales balises contenues dans le tableau,


table est une balise qui est utilisée par tout le monde depuis longtemps, et elle est toujours utilisée jusqu'à présent, mais parce que dans la reconstruction actuelle du site Web, il est recommandé à tout le monde de ne pas utiliser de tableaux pour la mise en page. De nombreux amis pensent à tort que l'utilisation de tableaux est ce qu'on appelle non standard. En fait, ce n'est pas le cas. élément important.
Il n'y a pas longtemps, je cherchais les principales balises contenues dans le tableau. Bien sûr, je l'ai trouvé et je l'ai partagé avec tout le monde.
Les balises de table comprennent principalement les balises table, caption, th, tr, td, thead, tfoot, tbody, col, colgroup L'introduction de chacune est la suivante :
<table>
la balise table peut définir. le tableau. À l'intérieur de la balise <table>, vous pouvez placer des titres de tableau, des lignes de tableau, des colonnes de tableau, des cellules de tableau et d'autres tableaux.
<caption>L'élément
caption peut définir un titre de tableau. La balise caption doit suivre immédiatement la balise table. Vous ne pouvez définir qu'un seul titre par tableau. Habituellement, le titre sera centré au-dessus du tableau.
<th>
Définissez la cellule d'en-tête dans le tableau. Le texte à l’intérieur de ce ème élément sera généralement rendu en gras.
<tr>
Définir une ligne dans le tableau.
<td>
Définir une cellule dans le tableau.
<thead>
Définit l'en-tête du tableau.
Les éléments head, 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 pieds de page du tableau. 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.
<tbody>
Définir un corps de tableau (texte).
Utilisez la balise <tbody> pour diviser le tableau en une section distincte. La balise <tbody> regroupe une ou plusieurs lignes d'un tableau.
Bien que vous souhaitiez peut-être inclure une, voire deux ou plusieurs balises <tbody> dans le tableau, nous vous recommandons de ne pas y inclure de balises <tbody>
Dans la balise <tbody>, seule la balise <tr> Et une fois définie, une balise <tbody> est une partie indépendante du tableau. Par exemple, vous ne pouvez pas passer d'un <tbody> à un autre <tbody>.
Les éléments head, 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.
<tfoot>
Définissez le pied de page (note de bas de page) du tableau. 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 pieds de page du tableau. 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.
<col>
Définissez la valeur de l'attribut pour une ou plusieurs colonnes d'un tableau. Vous ne pouvez utiliser cet attribut que dans une table ou un colgroup.
<colgroup>
Définir le regroupement des colonnes du tableau. Cet élément vous permet de regrouper des colonnes à des fins de formatage. Cet élément n'est légal qu'à l'intérieur d'une balise <table>
Il existe deux manières d'utiliser la balise <colgroup> : l'une consiste simplement à définir plusieurs colonnes identiques, et l'autre consiste à combiner plusieurs colonnes différentes.

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 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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Tableau imbriqué en HTML

Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Bordure de tableau en HTML

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Marge gauche HTML

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Disposition du tableau HTML

Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Déplacer du texte en HTML

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Liste ordonnée HTML

Comment analysez-vous et traitez-vous HTML / XML dans PHP? Comment analysez-vous et traitez-vous HTML / XML dans PHP? Feb 07, 2025 am 11:57 AM

Comment analysez-vous et traitez-vous HTML / XML dans PHP?

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Bouton HTML onclick

See all articles