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

1. table> 

2.  

3. tête>…< ;/ tête> -------- Zone d'en-tête

5. tbody>…tbody> ---------Zone du corps

7. pied >…tfoot>------------ table Zone de queue

9. Résumé : En divisant le tableau en trois parties, il nous est pratique de modifier le tableau.

Titre du tableau Html

Chaque tableau a son propre titre, comme le montre la deuxième image ci-dessus, alors comment faire pour que le titre suive le contenu Venez bouger ?

Titre du tableau

Code XML/HTML

Copier le contenu dans le presse-papier

table>

 

1.  

   légende

>
2. …

légende

3. > Les valeurs d'attribut sous le tableau> 

sont :

4. Nom de l'attribut

Valeur de l'attribut

5. DescriptionalignerHautLe titre est au dessus du tableau

Bas

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.

…

Nom de l'attribut

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

Copiez le contenu dans le presse-papiers

1. html>                       🎜>

   tête
2. >

     

3. li
4. >

   L'utilisation de tableaux li> 

5. table
6. largeur

   ="500" > 

   tr
7. >

   🎜>td aligner

   =
"centre"

8. >Feuille de notation de l'élèvetd> > ; td

>
9. 🎜>

   tableau bordure=

   "1"
10. largeur

    ="100 %">                                                                 >

tr&g t;                       th> Nomth> 

11. th>Chinois

12. th

    > th>

    Mathématiques

13. th> ième>

    langue étrangère

14. ième> >> tête

> ;
15. >

    tbody> tr> 

16. td> Zhang Santd>

    >
95

17. td> >td

>
18. 95

    td> 

19. td>95

td

20. > 

tr

21. > 

22. tr>     

23. td>张三td>     

24. td>95td>      

25. td>95td>     

26. td>95td>     

27. tr>     

28. tr>     

29. td>张三td >     

30. td>95 td>     

31. td> 95td>     

32. td>95td>     

33. tr>     

34. tbody>     

35. tfoot>     

36. tr>    

37. td colspan="4">成绩汇总td >     

38. tr>     

39. pied>     

40. table>     

41. td>     

42. tr>     

43. table>     

44.      

45. br/>     

46.      

47. li>表格嵌套的使用二li>     

48.      

49. table bordure="1" largeur="500" >     

50. légende aligner="bas">Étudiant Scorelégende> 🎜>

    >
 

51. tr

    >
>

52. th> Nom

53. ème

    > ème> th

>
54. Mathématiques

    th> 🎜>>Langue étrangèreth>

55. tr

    >  tête> 

56. tbody> >tr>

     

57. td>

    Zhang San

58. td> 

td>95td

>
59.  

    td

>
60. 95

    td                                                                   td>

61. tr> ;tr>

    >

td>Zhang San td>

td>95td>                                                                      ;/td

> 

62. td

    >
95

63. td > >tr

    >
 

64. tr>

65. td

    >Zhang Santd> 

66. td>95td>     

67. td>95td>     

68. td>95td>     

69. tr>     

70. tbody>     

71. tfoot>     

72. < ;tr>     

73. td colspan ="4">成绩汇总td>     

74. tr>     

75. pied>     

76. table >     

77.         

78. br/>      

79.      

80. li>表格嵌套的使用三li>    

81. tableau bordure="1" largeur="500" >     

82. légende aligner="bas">学生成绩légende>     

83. col >col>     

84. col bgcolor=bleu>col>     

85. tête>     

86. tr>     

87. th>姓名th>     

88. th>语文th>

89. th>数学th>     

90. th>外语th>     

91. tr>     

92. tête>     

93. tbody>     

94. tr >     

95. td>张三td>     

96. td>95< ;/td>     

97. td >95td>     

98. td>95td>     

99. tr>     

100. tr >     

101. td>张三td>     

102. td>95td>     

103. td>95td>     

104. td>95td>     

105. tr>     

106. tr>     

107. td >张三td>     

108. < ;td>95td>     

109. td>95td> ;     

110. td>95td>     

111. tr>

112. tbody>     

113. tfoot>     

114. tfoot>     

115. table>     

116.  

117. corps> 

118. tête> 🎜>

     html
119. >

                                         C'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 !