ミスティーネット・HTML講座・表（テーブル）の作成

■□セルとセルを結合する

セルの結合には「<TD>」及び「<TH>」タグの「colspan」属性と「rowspan」を使用します。

結合するセルの数は数値で指定します。

colspan ・・・横のセルの結合
rorspan ・・・縦のセルの結合

セルの結合方法

２つのセルを結合して「教科」の見出しを作成しています。

[ 横のセルの結合 ]

<TABLE >
   <TR>
      <TH colspan="2"> 教科 </TH></TR>
   <TR>
      <TH> 国語 </TH>
      <TH> 数学 </TH></TR>
   <TR>
      <TD> 52 </TD>
      <TD> 88 </TD></TR>
   <TR>
      <TD> 73 </TD>
      <TD> 62 </TD></TR>
   <TR>
      <TD> 92 </TD>
      <TD> 65 </TD></TR></TABLE>

   ↓

教科
国語	数学
52	88
73	62
92	65

[ 縦のセルの結合 ]

<TABLE >
   <TR>
      <TH rowspan="2"> 教科 </TH></TR>
      <TH> 数学 </TH></TR>
      <TD> 88 </TD>
      <TD> 62 </TD>
      <TD> 65 </TD></TR>
   <TR>
      <TH> 国語 </TH>
      <TD> 52 </TD>
      <TD> 73 </TD>
      <TD> 92 </TD></TR></TABLE>
   ↓

教科	数学	88	62	65
教科	国語	52	73	92

* サンプルの枠線は実際の表示と多少異なります。

関連ページ