<td>や<th>で使う、セルを結合する属性を学習します。
セルを結合する記述や注意点について、理解することが目的です。
HTMLで作成する前に、必ず表を図に書いてから理解するようにしましょう。
「セルの結合例」の例文を表にする
文章を伝えやすく、わかりやすくまとめる表の作成練習です。
セルの結合なし
See the Pen 9-2 by Rayout-gw (@Rayout-gw) on CodePen.
セルの結合あり
See the Pen 9-2-2 by Rayout-gw (@Rayout-gw) on CodePen.
伝えたい情報となる「文章」を、もっとわかりやすく、伝わりやすくするために、一つの手段として「表・テーブル」を使って伝えています。表も文書構造の一つです。
row（行）とcol（列）は、この後もよく出てきます。
まずは行と列で混乱しないようにしておきましょう！
テーブルの作成 おまけ
| <table>の子要素 | 意味 | 記述 | その他 |
|---|---|---|---|
| <colgroup>〜</colgroup> | 表の列をグループ化する | <caption>の次、<thead> <tr>より前に記述 | <col>の親要素として使用する （終了タグなし） |
| <col>〜</col> | セルに共通の意味を定義する | <colgroup>内に記述 | <col>は１列、<col span=“2”>は2列にまたがって共通の意味を持つセルになる |