研究ノートは、HTMLを形成します

テーブル

HTMLページでは、テーブルを作成するには、テーブルに関連するタグを使用する必要があります。基本的な構文のテーブルを作成し、次のとおりです。

<表>
  <TR>
    セル内の<TD>テキスト</ TD>
    ...
  </ TR>
  ...
</ TABLE>

 

 これは、上記の構文でHTMLタグの三対を含み、それぞれ  < > </表> < TR > </ TR > < TD > </ TD > 、彼らは基本的なラベルのテーブルを作成している、必要不可欠な、下彼らは具体的な説明に直面します

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

合并的顺序 先上 先左

 

总结表格

  1. 表格提供了HTML 中定义表格式数据的方法。

  2. 表格中由行中的单元格组成。

  3. 表格中没有列元素,列的个数取决于行的单元格个数。

  4. 表格不要纠结于外观,那是CSS 的作用。

おすすめ

転載: www.cnblogs.com/zhangcheng94/p/12171487.html