テーブル

1,最もシンプルなテーブル

1
  • ＜table＞外枠
  • ＜tr＞行
  • ＜td＞列内に入れたものが表示

    • 2.テーブルの列

    ＜tr＞内にいくつ＜td＞があるかで列の数が決まる
    111
    222
    333
    サイズ指定しないセルの大きさは中身に応じて自動で伸縮

    2.テーブルの行

    ＜tr＞内にいくつ＜td＞があるかで列の数が決まる
    111
    222
    333
    ４
    ５
    ６
    各行列数が違う矛盾を避けるために＜tr＞毎コピペして＜td＞を打ち替える

    テーブルタグ

    tableテーブルの外枠
    trテーブルの行（Table Row）
    tdテーブルのセル（Table　Data）
    thヘッダーセル（Table Header）

    セルの結合（列）

    セルの数が違う場合
    111
    ４
    ５
    ６

    ＜td colspan="セル幅"

    セルに指定した列分の幅を持たせる

    5.セルの結合（行）

    ＜td rowspan="セル幅"

    セルに指定した行分の高さを持たせる
    111
    222
    333
    ５
    ６
    結合した行数・列数が矛盾のないようにセルを削除する