テーブルのタグを解析します。td、th、tr をもう混同しないでください。

まとめ

私は HTML の Table タグをあまり使いこなせておらず、よく td、th、tr を混同します。現在の開発ではネイティブ HTML が使用されることはほとんどなく、基本的には他人が書いたフロントエンドコンポーネントが使われますが、他人が書いたテーブルコンポーネントはネイティブテーブルのレベルに合わせて設計されるのが一般的です。 [推奨: HTML ビデオ チュートリアル ]

今日はそれをまとめましょう!

基本構造

## タグ説明##table##テーブルの最上位ラベルborder: 境界線の幅; width: テーブルの幅; align: テーブル データの配置; cellpadding: 各セルのコンテンツと境界線の間の距離を示します。値が大きいほど、テーブルの視覚的なエクスペリエンスが向上します。セルスペースとは、隣接するセル間の距離##theadヘッダーの親ラベル##td(テーブルデータセル)data セル、特定のデータはこのラベルに配置されます tfoot テーブルのフッターを表しますCaseサマリー

##共通属性

tr(テーブル行)

列名の親ラベル。通常、テーブルには行名が 1 つしかないため、一般に tr は 1 つだけ存在します。

th(テーブルヘッダーセル)

はヘッダーセルを表し、内部のデータは列名です

tbody

フォームデータ部の親タグ

colspan は列のマージを表し、rowspan は行のマージを表します

                                                                                                                                                           

项目	单价/元	数量/斤	金额/元
白菜	1.00	3	3.00
西瓜	0.50	10	5.00
合计:8.00

特定のデータを指定できる th と td を除き、その他は基本的に親タグと同様で、特定の内容を指定できません。 th はヘッダーの列名を指定し、td は特定のデータ値を指定します。

テーブルは主に 3 つの部分、つまりヘッダー、テーブル データ本体、テーブルに分かれています。 footer tfoot

• th と td の親タグは両方とも tr です。つまり、th と td は tr

• thead に配置する必要があります。 th を使用してデータを指定します。 tbale および tfoot は td
• を使用してデータを指定します

以上がテーブルのタグを解析します。td、th、tr をもう混同しないでください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。