表の内容

<table>, <tr>, <th>, <td>タグは表の基本フレームを構成するタグであり、その他のタグは表を飾るタグである.
データテーブル(<table>)の行(<tr>)および列(<th>,<td>)を作成します.各列は行で作成する必要があります.すなわち、<tr>元素は、<td>元素をサブ元素として含む.

<table>
    <tr>  // 1행
        <td>1</td>  // 1행 1열
        <td>2</td>  // 1행 2열
    </tr>
    <tr>  // 2행
        <td>3</td>  // 2행 1열
        <td>4</td>  // 2행 2열
     </tr>
 <table>

1
2
3
4

1. <table> </table>

表の領域を設定します(display:table;).

2. <tr> </tr>

表の行を設定します(display:table-row;).

3. <th> </th>

タイトルバーのタグを設定します(display:table-cell;).
thタグはテーブル内のタイトル領域を設定し、tdタグはデータ領域を設定する.デフォルトでは、thタグは太字(blod)で表示されます.
属性の未値abbr列の簡単な説明タイトル関連の1つ以上の他のタイトルバーid属性値colspan拡張する列数1(デフォルト)行数1(デフォルト)scope自分が誰であるかを指定するタイトルバー:自分の列、colgroup:すべての列、row:自分の行、rowgroup:すべての行abbrプロパティは、列の簡単な説明を提供します.headers属性が他のthタグに関連付けられている場合、関連付けられたthタグに与えられたid属性の値をヘッダ属性の値として、それらが関連付けられていることを示すことができる.colspanプロパティを使用すると、垂直に列を拡張できます.既定値は1です.
行はrowspan属性レベルで拡張できます.既定値は1です.scopeプロパティを使用して、タイトルバーがどのセルに属するかを指定できます.

4. <td> <td>

通常のセルのタグを設定します(display:table-cell;).
属性の未拡張colspan拡張列数1(デフォルト)拡張行数1(デフォルト)ヘッダーに関連する1つ以上の他の<th>のid属性値.

5. <caption> </caption>

表のタイトルのタグを設定します(display:table-chention;).
開いているテーブルのラベルにすぐに続く必要があります.各tableラベルにはタイトルが1つしかありません.

<table>
    <caption>표의 제목</caption>
    ,,,
</table>

6. <colgroup> </colgroup>

<col />セットのタグを設定します(display:table-column-group;)

7. <col />

テーブル内のカラムを定義するための汎用タグ(display:table-column;).
属性の未値span連続列数1(デフォルト)spanプロパティの連続する列の数を指定できます.デフォルトは1です.

<table>
    <colgroup>
        <col span="2" style="background-color: red" /> // 첫 번째 열과 두 번째 열
        <col />  // 세 번째 열
    </colgroup>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>  
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
     </tr>
</table>

上記の例では、表は第1列と第2列(すなわち、1、2、5、6)の背景色を赤色に設定している.

8. <thead> </thead>

表のタイトル領域とタイトル領域を設定します.

9. <tbody> </tbody>

表の本文領域を設定します.

10. <tfoot> </tfoot>

表のフッターとツイッター領域を設定します.<thead>, <tbody>, <tfoot>タグは、テーブルのレイアウトに影響しません.これらのタグのみを意味のある部分として使用します.