HTMLページでは、テーブルを作成するには、テーブルに関連するタグを使用する必要があります。基本的な構文のテーブルを作成し、次のとおりです。
<表>
<TR>
セル内の<TD>テキスト</ TD>
...
</ TR>
...
</ TABLE>
1.tableフォームを定義するために使用されます。
テーブル内の行を定義するために使用2.trは、テーブル内のTRいくつかのペアを含む、タグテーブルにネストされなければならない、テーブルの複数の行があります。
3.td / TD:セル定義テーブル、<TR> </ TR>タグ対にネストされなければならない<TR> </ TR> <TD> </ TD>のいくつかが含まれ、それは行の列数(またはセルの数)を意味します。
注意:
1. <TR> </ TR>ができる唯一の巣<TD> </ TD>
2. <TD> </ TD>タグ、彼はすべての要素を収容することができ、コンテナのようなものです
ヘッダテーブルは、一般的にテーブルヘッダーが設けられており、以下に示すように、中央に配置され、太字テキストの最初の行または最初の列に配置されています。セットヘッダは、ヘッダのタグと同様に容易であるように、< TH > </ TH > 対応するセルタグで置き換え< TD > </ TD > に。
レイアウトテーブルを使用する場合、以下に示すように、テーブルは、ヘッド、ボディ及びフッタ(なぜなら互換性の問題のフッタ、我々は繰り返さない)に分割することができます。
<THEAD> </ thead要素> :頭のテーブルを定義します。
<TABLE> </ TABLE>でなければならないタグ、ロゴ及びその他のナビゲーションページヘッダは、一般的な情報を含みます。
<TBODY> </ TBODY> :テーブルの本体を定義するために使用されます。
位置<TABLE> </ TABLE>タグ、頭部および底部の以外の他のコンテンツを含む一般的にページ。
テーブルヘッダ
定義と使用法
キャプション要素は、テーブルのキャプションを定義します。
< 表> < キャプション>私は、テーブルヘッダ</ キャプション> </ 表>
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
合并单元格(难点)
跨行合并:rowspan 跨列合并:colspan
合并单元格的思想:
将多个内容合并的时候,就会有多余的东西,把它删除。 例如 把 3个 td 合并成一个, 那就多余了2个,需要删除。
公式: 删除的个数 = 合并的个数 - 1
合并的顺序 先上 先左
总结表格
-
表格提供了HTML 中定义表格式数据的方法。
-
表格中由行中的单元格组成。
-
表格中没有列元素,列的个数取决于行的单元格个数。
-
表格不要纠结于外观,那是CSS 的作用。