表組みを作成する TABLE TH TD

Excelのような表を表すには、TABLEタグを使います。

CAPTION
タイトルをつける
COL
テーブルの縦列(縦方向)の属性をまとめて指定する
COLGROUP
テーブルの縦列をグループ化する
THEAD
ヘッダ行を定義する
TBODY
ボディ部分を定義する
TFOOT
フッタ行を定義する

TRセルの列を作成する
TH見出しセルを作成する
TDデータセルを作成する

colspan 横行(横方向)にセルを結合する数を指定する
rowspan 縦列(縦方向)にセルを結合する数を指定する

<TABLE> テーブル(表)を作成する
<CAPTION> テーブル(表)にタイトルをつける
<COL> テーブルの縦列(縦方向)の属性をまとめて指定する
<COLGROUP> テーブルの縦列をグループ化する
<THEAD> テーブル(表)のヘッダ行を定義する
<TBODY> テーブル(表)のボディ部分を定義する
<TFOOT> テーブル(表)のフッタ行を定義する
<TR> テーブル(表)の横方向の一行を定義する
<TH> テーブル(表)の見出しセルを作成する
<TD> テーブル(表)のデータセルを作成する

<table>
  <caption>表のタイトル</caption>
  <tbody>
    <tr>
      <th>見出し1</th><th>見出し2</th>
    </tr>
    <tr>
      <td>内容1</td><td>内容A</td>
    </tr>
    <tr>
      <td>内容2</td><td>内容A</td>
    </tr>
  </tbody>
</table>

関連記事

スポンサーリンク

SwitchBotボットの危険性 使用方法によってはとても危険です

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る