HTML Web ページテーブルの構造化マークアップの適用に関する簡単な説明

次のエディタでは、HTML Web テーブルの構造化タグの適用について簡単に説明します。編集者はこれがとても良いと思ったので、参考として共有します。エディターに従って、Web テーブルの構造化マークアップについて説明する前に、いくつかの写真を見てみましょう。

HTMLテーブルの構造 いわゆる構造化とは、上の最初の図に示すように、テーブルをヘッダー、ボディ、フッターの3つのタイプに分割することです。したがって、テーブルの本体部分を変更しても、他の 2 つの部分には影響しないため、アプリケーションが分離され、容易になります。

構造化フォーマット

XML/HTMLコード

コンテンツをクリップボードにコピー

1. テーブル >
3. thead>…thead> --------ヘッダーエリア
5. 本体 >…tbody>--------テーブル本体エリア
7. tfoot > … < ;/tfoot>---------------テーブルテールエリア

9. 概要: テーブルを3つの部分に分割すると、テーブルを編集します。 HTML テーブルのタイトル

上の 2 番目の図に示すように、各テーブルには独自のタイトルがあります。では、コンテンツに合わせてタイトルを移動させるにはどうすればよいでしょうか?

テーブルのタイトル

XML/HTMLコード

コンテンツをクリップボードにコピー

テーブル>

1. caption>

   …

2. caption

>
3. table

   >

   属性名属性値
説明

4. 整列

上

5. タイトルは表の上にあります下タイトルは表の下にあります

概要:

を設定することで、テーブルのタイトルを変更すると、いつでもタイトルをテーブルとともに移動させることができます。

Html インライン形式

テーブルのインライン形式とは何ですか? Excel でよく目にするのは、列全体に背景色を追加することです。

…

属性名

属性値

説明

Align

Left

LeftCenterAccepted

Right 右走行

ヴァライン

右

右にいてください

上

入力

真ん中

真ん中に固執

下

下に固執

スパン

数字

シリアル番号

概要:

設定によるテーブルの線形フォーマットにより、必要なコンテンツの色を濃くすることができます。これは列のコンテンツのみです。

ソースコードは次のとおりです:

XML/HTMLコード

コンテンツをクリップボードにコピーします

1. ＆lt;html＆gt;

   ＆lt;
2. li

   ＆gt; ＆＆lt;tr＆gt;

   ＆gt;

3. ＆lt;/

tr

4. ＆gt;; 幅=「100%」> tr>

番目>名前番目>

th
6. >
   回
7. >

   数学回> 回 > ;外国語

8. 番目

   >

tbody> / td>

9. td > 95td> /

   tr
10. >

11. tr>

12. td>张三td >

13. td>95td>

14. td>95 td>

15. td>95td>

16. tr >

17. tr>

18. td>张三td>

19. td> ;95td>

20. td>95td >

21. td>95td>

22. tr>

23. 誰か >

24. tfoot>

25. tr>

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

27. tr>

28. 足 >

29. テーブル>

30. td>

31. tr>

32. テーブル>

34. br />

36. li>表格嵌套の使用二li>

38. table border=「1」 幅=「500」 >

39. caption align="bottom">生徒のパフォーマンスcaption>

40. 頭>

番目

41. >

番目

42. >中国語番目> ;/th>

43. 番目>外国語番目>

44. tr>>

    頭
45. >

    > td>张三td>

46. td>95

47. td

    >

48. td

    >95td

    >

49. td

    >
95

50. td > td

    >
チャンサン

51. td> td

>
52. 95

    td> td>

53. tr > td> 张三 td

>

55. td>95td>

56. td >95td >

57. td>95td>

58. tr>

59. tbody>

60. tfoot>

61. tr>

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

63. & lt;/tr>

64. tfoot>

65. テーブル>

67. br/>

69. li>表格適合套の使用三li>

70. テーブル border="1" 幅="500" >

71. caption align="bottom"& gt;学生成绩caption>

72. col >col>

73. col bgcolor =blue>col>

74. 頭>

75. tr>

76. 番目>姓名番目>

77. 番目>语文 th>

78. th>数学th>

79. 番目>外语番目>

80. tr >

81. 頭>

82. 胴>

83. tr >

84. td >张三td>

85. td>95 td>

86. td>95td>

87. td> 95td> ;

88. tr>

89. tr>

90. td>张三td>

91. td>95td>

92. td >95td>

93. td>95 td>

94. tr>

95. tr>

96. td>张三 td>gt;

97. td>95td>

98. td>95 td>

99. td>95td>

100. tr>

101. tbody>

102. tfoot>

103. tfoot >

104. テーブル> ️

105. html

>

106. 上記は、HTML Web ページのテーブルでの構造化タグの適用に関する編集者の簡単な説明の全内容です。誰にとっても役立つでしょう。PHP 中国語 Web サイトをサポートしてください~

     さらに簡単な説明 Html Web ページのテーブルでの構造化タグの適用に関する記事については、PHP 中国語 Web サイトに注目してください。