tableタグを使って表をつくる

表を作るには複数のタグを組み合わせる必要がある

tableの構成について

3行、2列の表を作ってみる

tableで作っただけだと罫線は表示されない。tableタグに「border="1"」と書くと表示される。

プラン名 料金
にゃんにゃんパック ごろごろパック
2,900円 1,900円

セルを横方向につなげる

thタグもしくはtdタグに「colspan属性」を指定する。表記例:この例では「colspan="2"」

つなげた先の行は削除する必要がある。

セル 1+2
セル 3 セル 4
セル 5 セル 6

セルを縦方向につなげる

thタグもしくはtdタグに「rowspan属性」を指定する。表記例:この例では「rowspan="2"」

つなげた先の行は削除する必要がある。

セル 1 セル 2
セル 3+5 セル 4
セル 6