テーブルの構造

主要な構成要素

<table>: 表全体を定義する親要素
<thead>: 表のヘッダー部分を定義
<tbody>: 表の本体部分を定義
<tfoot>: 表のフッター部分を定義（任意）
<tr>: 行を定義
<th>: 見出しセルを定義
<td> データセルを定義

HTMLソース

bodyタグ内に記述

<table>

<tr><th>テーブルヘッダ1</th>	<td>テーブルデータ1-1</td>	<td>テーブルデータ1-2</td></tr>
<tr><th>テーブルヘッダ2</th>	<td>テーブルデータ2-1</td>	<td>テーブルデータ2-2</td></tr>

</table>

CSSを設定しない場合の表示

テーブルヘッダ1	テーブルデータ1-1	テーブルデータ1-2
テーブルヘッダ2	テーブルデータ2-1	テーブルデータ2-2

CSSの設定

    table{
            border-collapse: collapse;
        }
    th{
            background-color: lightgray;
       }
    td,th{
            border-style: solid;
            border-color: gray;
            border-width: 1px;
        }

テーブルヘッダ1	テーブルデータ1-1	テーブルデータ1-2
テーブルヘッダ2	テーブルデータ2-1	テーブルデータ2-2