1月15日(水)2コマ目

今日、やったこと

表をつくる

今日のホワイトボード

表の行と列

行は横方向、列は縦方向。

図　表の行と列

表を作る

<table>タグで表が始まり、</table>で表が終わる。

<tr>タグで行が始まり、</tr>で行が終わる。=> <tr>タグで行を作る

<td>タグでセルが始まり、</td>でセルが終わる。=> <td>タグでセルを作る

図　<table>タグ、<tr>タグ、<td>タグ

セルを結合する

colspan=”セル数" で（セル数-1)個の右隣のセルを結合する。 

rowspan=”セル数" で（セル数-1)個の下のセルを結合する。 

〇結合前

図　結合前

〇colspanで右隣のセルを結合

結合すると、表からはみ出すセルがあるので注意！！

※結合すると言うより、セルを追加して結合するイメージが正解。

図　colspanで右隣のセルを結合

〇rowspanで下側のセルを結合

colspanと同じように、結合すると表からはみ出すセルがあるので注意！！

図　rowspanで下側のセルを結合

練習問題

正解例をあげておきます。

練習1

練習2

練習3

練習4

練習5

練習6

練習7

練習8

練習9

図　練習9

練習10

図　練習10

練習11

図　練習11

次回は

リンクをやります。