HOME >> 表(テーブル)の作成 >> セルとセルを結合する MENU▼ 

セルとセルを結合する


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

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


セルの結合方法

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



[ 横のセルの結合 ]

<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


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




関連ページ
  1. 表(テーブル)を作る
  2. 枠の太さを指定する
  3. 枠の色を変更する
  4. セル内の余白を設定する
  5. セルとセルの感覚を設定する
  6. テーブルの位置を指定する
  7. セルとセルを結合する



| HOME | ご利用について | 推奨環境 | リンクについて | 規約・免責 | リンク集 | お問合せ | TOP |