Maison > Article > interface Web > Une brève discussion sur l'application du balisage structuré des tableaux de pages Web HTML
L'éditeur suivant vous proposera une brève discussion sur l'application du balisage structuré des tableaux de pages Web HTML. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil
Avant de parler du balisage structuré des tableaux Web, jetons un œil à quelques images.
Structure du tableau HTML
La soi-disant structuration, comme le montre la première image ci-dessus Afficher signifie diviser notre tableau en trois types : en-tête, corps et pied de page. Par conséquent, lorsque nous modifions la partie du corps de la table, cela n’affectera pas les deux autres parties, découplant ainsi et facilitant notre application.
Format structuré
Code XML/HTMLCopier le contenu dans le presse-papier
table>
tête>…< ;/ tête> -------- Zone d'en-tête
tbody>…tbody> ---------Zone du corps
pied >…tfoot>------------ table Zone de queue
Résumé : En divisant le tableau en trois parties, il nous est pratique de modifier le tableau.
Titre du tableau
Copier le contenu dans le presse-papier
table>
légende
> Les valeurs d'attribut sous le tableau>
Nom de l'attribut
DescriptionalignerHautLe titre est au dessus du tableau
Le titre est en dessous du tableau
Résumé : En définissant le titre du tableau, vous pouvez faire bouger le titre avec le tableau à tout moment.
Format HTML en ligne
Quel est le format en ligne du tableau ? Ce que nous voyons habituellement dans Excel, c'est l'ajout d'une couleur d'arrière-plan à toute la colonne.
Valeur de l'attribut
DescriptionAlignerGauche
GaucheCentre
Accepté
Droite
Garder la droite
Valign
Droite
Garder la droite
Haut
Accepté
Milieu
Milieu
Bas
Down
Span
Numéro
Numéro de série
Résumé :En définissant le format en ligne du tableau, nous pouvons approfondir la couleur du contenu dont nous avons besoin. Ceci concerne uniquement le contenu des colonnes.
Le code source est le suivant : Code XML/HTMLCopiez le contenu dans le presse-papiers
html> 🎜>
tête
L'utilisation de tableaux li>
="500" >
tr🎜>td aligner
=>Feuille de notation de l'élèvetd> > ; td
tableau bordure=
"1"="100 %"> >
tr&g t; th> Nomth>
th>Chinois
> th>
Mathématiquesth> ième>
langue étrangèreième> >> tête
tbody> tr>
td> Zhang Santd>
>td> >td
td>
td>95
>
>
tr>
td>张三td>
td>95td>
td>95td>
td>95td>
tr>
tr>
td>张三td >
td>95 td>
td> 95td>
td>95td>
tr>
tbody>
tfoot>
tr>
td colspan="4">成绩汇总td >
tr>
pied>
table>
td>
tr>
table>
br/>
li>表格嵌套的使用二li>
table bordure="1" largeur="500" >
légende aligner="bas">Étudiant Scorelégende> 🎜>
>tr
>th> Nom
> ème> th
th> 🎜>>Langue étrangèreth>
> tête>
tbody> >tr>
td>
Zhang Santd>
td>95td
>td
td td>
tr> ;tr>
>td>Zhang San td>
td>95td> ;/td
>td
>td > >tr
>tr>
>Zhang Santd>
td>95td>
td>95td>
td>95td>
tr>
tbody>
tfoot>
< ;tr>
td colspan ="4">成绩汇总td>
tr>
pied>
table >
br/>
li>表格嵌套的使用三li>
tableau bordure="1" largeur="500" >
légende aligner="bas">学生成绩légende>
col >col>
col bgcolor=bleu>col>
tête>
tr>
th>姓名th>
th>语文th>
th>数学th>
th>外语th>
tr>
tête>
tbody>
tr >
td>张三td>
td>95< ;/td>
td >95td>
td>95td>
tr>
tr >
td>张三td>
td>95td>
td>95td>
td>95td>
tr>
tr>
td >张三td>
< ;td>95td>
td>95td> ;
td>95td>
tr>
tbody>
tfoot>
tfoot>
table>
corps>
tête> 🎜>
htmlC'est tout sur l'application des balises structurées. J'espère que cela sera utile à tout le monde. Veuillez soutenir le site Web PHP chinois ~Pour plus d'articles sur l'application des balises structurées dans les tableaux des pages Web HTML, veuillez prêter attention au Site Web chinois PHP !