Eine kurze Diskussion über die Anwendung des strukturierten Markups von HTML-Webseitentabellen

Der folgende Editor bietet Ihnen eine kurze Diskussion über die Anwendung des strukturierten Markups von HTML-Webseitentabellen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und werfen wir einen Blick darauf.

Bevor wir über das strukturierte Markup von Webtabellen sprechen, werfen wir einen Blick auf ein paar Bilder.

Struktur der Html-Tabelle

Die sogenannte Strukturierung, wie im ersten Bild oben dargestellt Anzeige bedeutet, unsere Tabelle in drei Typen zu unterteilen: Kopfzeile, Hauptteil und Fußzeile. Wenn wir also den Tabellenkörperteil ändern, hat dies keine Auswirkungen auf die beiden anderen Teile, wodurch unsere Anwendung entkoppelt und erleichtert wird.

Strukturiertes Format

XML/HTML-CodeInhalt kopieren in die Zwischenablage

1. Tabelle> 

2.  

3. thead>…< ;/ Kopf> --------Kopfbereich

5. tbody>…tbody> ---------Körperbereich

7. tFuß >…tfoot>------------ Tabelle Schwanzbereich

9. Zusammenfassung: Durch die Aufteilung der Tabelle in drei Teile, Es ist für uns praktisch, die Tabelle zu bearbeiten.

Titel der HTML-Tabelle

Jede Tabelle hat ihren eigenen Titel, wie im zweiten Bild oben gezeigt. Wie kann man also dafür sorgen, dass der Titel dem Inhalt folgt? Kommen Sie in Bewegung?

Titel der Tabelle

XML/HTML-Code

Inhalt in die Zwischenablage kopieren

Tabelle>

 

1.  

   Bildunterschrift

>
2. …

Bildunterschrift

3. >Tabelle> 

Die Attributwerte unter sind:

4. Attributname

Attributwert

5. BeschreibungalignObenDer Titel befindet sich über der Tabelle

Unten

Der Titel befindet sich unter der Tabelle

Zusammenfassung:

Durch Festlegen des Titels der Tabelle können Sie den Titel jederzeit mit der Tabelle verschieben.

Html-Inline-Format

Was ist das Inline-Format der Tabelle? Was wir in Excel normalerweise sehen, ist das Hinzufügen einer Hintergrundfarbe zu einer ganzen Spalte.

…

Attributname

Attributwert

BeschreibungAusrichtenLinks

LinksMitte

Akzeptiert

Rechts

Rechts halten

Valign

Rechts

Rechts halten

Oben

Akzeptiert

Mitte

Mitte

Unten

Down

Span

Nummer

Seriennummer

Zusammenfassung:

Durch Festlegen des Inline-Formats der Tabelle können wir die Farbe des benötigten Inhalts vertiefen. Dies gilt nur für den Spalteninhalt.

Der Quellcode lautet wie folgt:

XML/HTML-Code

Kopieren Sie den Inhalt in die Zwischenablage

1. html>                         🎜>

   Kopf
2. >

     

3. li
4. >

   Die Verwendung von verschachtelt Tabellen li>   

5. Tabelle
 
6. Breite

   ="500" > 

   tr
7. >

   🎜>td align

   =
"center"

8. >Studenten-Bewertungsblatttd> > ; td

>
9. 🎜>

   Tabelle Rahmen=

   "1"
10. Breite

    ="100 %">                                                               > gt;                       

    th
11. >

    Nameth> th

    >
Chinesisch

12. th> th

>
13. Mathematik

    th> 

14. th>Fremdspracheth> >>

     

15. thead> ; >tbody

>

16. tr> td>

    Zhang San

17. td> >95td> >

td

18. >95td>

     

19. td>

    95

20. td> 

21. tr> 

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

40. table>     

41. td>     

42. tr>     

43. Tabelle>     

44.      

45. br/>     

46.      

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

48.      

49. Tabelle Rahmen="1" Breite="500" >     

50. Bildunterschrift align="bottom">Student PartiturBildunterschrift> 🎜>

    >
 

51. tr

    >
>

52. th> Name

53. th

    > th> th

>
54. Mathematik

    th> 🎜>>Fremdspracheth>

55. tr

    >  thead> 

56. tbody> >tr>

     

57. td>

    Zhang San

58. td> 

td>95td

>
59.  

    td

>
60. 95

    td                                                          td>

61. tr

    > ;tr> >

62. td

    >Zhang San td>

63. td

    >95td>                                                                      ;/td>

     

64. td >

    95

65. td > >tr>

     

66. tr>

td

67. >Zhang San td> 

68. td>95td>     

69. td>95td>     

70. td>95td>     

71. tr>     

72. tbody>     

73. tfoot>     

74. < ;tr>     

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

76. tr>     

77. tfoot>     

78. Tabelle >     

79.         

80. br/>      

81.      

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

83. Tabelle Rahmen="1" Breite="500" >     

84. Bildunterschrift align="bottom">学生成绩Bildunterschrift>     

85. col >col>     

86. col bgcolor=blau>col>     

87. thead>     

88. tr>     

89. th>姓名th>     

90. th>语文th>

91. th>数学th>     

92. th>外语th>     

93. tr>     

94. thead>     

95. tbody>     

96. tr >     

97. td>张三td>     

98. td>95< ;/td>     

99. td >95td>     

100. td>95td>     

101. tr>     

102. tr >     

103. td>张三td>     

104. td>95td>     

105. td>95td>     

106. td>95td>     

107. tr>     

108. tr>     

109. td >张三td>     

110. < ;td>95td>     

111. td>95td> ;     

112. td>95td>     

113. tr>

114. tbody>     

115. tfoot>     

116. tfoot>     

117. Tabelle>     

118.  

119. Körper> 

120. Kopf> 🎜>

     html
121. >

                                   Das ist Alles über die Anwendung strukturierter Tags. Ich hoffe, dass es für alle hilfreich ist.Weitere Artikel zur Anwendung strukturierter Tags in HTML-Webseitentabellen finden Sie unter PHP chinesische Website!