ホームページの作成（ホームページビルダー6）
前へ　目次へ　次へ

　７．表（テーブル）　Ⅲ

　行・列の結合

　表に行または列を追加するには、メニューから次のように選択する。

・行の結合
　　［表(A)］　→　［行の結合(I)］　→ 　［上と結合(A)］
　［下と結合(B)］		 …をクリックしてもよい。
・列の結合
　　［表(A)］　→　［列の結合(J)］　→ 　［左と結合(L)］
　［右と結合(R)］		 …をクリックしてもよい。

　追加は、現在のカーソルがあるセルを基準に行われる。

　　2ページ目(hpage2.html)の最後に4行3列の表を作り、次図のようにデータを入力する。

選択 今年度
  前期 後期
コンピュータ技術 ３０ ３７
データ通信技術 ３２ ２９

操作1 「今年度」のセルを「前期」、「後期」にまたがって表示されるようにする。

　カーソルを「今年度」のセルに移動して［右と結合(R)］を選択する。

選択 今年度
  前期 後期
コンピュータ技術 ３０ ３７
データ通信技術 ３２ ２９

操作2 「今年度」の左のセル（１行、１列目）とその下のセルを結合する。

　カーソルを１行、１列目のセルに移動して［下と結合(B)］を選択する。

選択 今年度
前期 後期
コンピュータ技術 ３０ ３７
データ通信技術 ３２ ２９

 

　編集後のHTMLソースは次のようになる。（改行位置などは違う場合がある。）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

＜＜　省　略　＞＞

<P><A href="index.html">元のページへ戻る</A></P>
<TABLE border="1">
  <TBODY>
    <TR>
      <TD rowspan="2">選択</TD>
      <TD colspan="2">今年度</TD>
    </TR>
    <TR>
      <TD>前期</TD>
      <TD>後期</TD>
    </TR>
    <TR>
      <TD>コンピュータ技術</TD>
      <TD>３０</TD>
      <TD>３７</TD>
    </TR>
    <TR>
      <TD>データ通信技術</TD>
      <TD>３２</TD>
      <TD>２９</TD>
    </TR>
  </TBODY>
</TABLE>
</BODY>
</HTML>

 

　結合とは逆に、セルを分割することもできる。例だけ示しておく。

・行の分割
　　［表(A)］　→　［行の分割(D)］　　　　をクリックしてもよい。

１行、１列目のセルにカーソルを移動して［行の分割(D)］を選択する。
１行、１列目 １行、２列目
２行、１列目 ２行、２列目
→
１行、１列目 １行、２列目
分割
２行、１列目 ２行、２列目

・列の結合
　　［表(A)］　→　［列の分割(V)］　　　　をクリックしてもよい。

１行、１列目のセルにカーソルを移動して［列の分割(V)］を選択する。
１行、１列目 １行、２列目
２行、１列目 ２行、２列目
→
１行、１列目 分割 １行、２列目
２行、１列目 ２行、２列目


前へ　目次へ　次へ
 ホームページの作成（ホームページビルダー6） Copyright © 2002 Hiroshi Masuda

 

 

inserted by FC2 system