ホームページビルダー編 24、表の作成と行・列の追加方法

24	表の作成と行・列の追加方法

　ホームページビルダーでページのレイアウトをするには表を挿入します。
　今回は表を挿入する方法と、表の行や列を追加する方法をご案内します。

　基本的な表の挿入方法と行・列の追加ができるようになると、
　表の中に表を入れるなどといった複雑なレイアウトもできるようになります。

　24-2. 表の高さ・幅を整える
　24-3. 表の行を追加・削除する
　24-4. 表の列を追加・削除する

24-1

　　表を挿入する　

１．今回は例として「index.htm」ファイルに２×２の表を挿入する方法を説明します。
　ホームページビルダーで表を挿入するファイルを開き、表を挿入したい場所をクリックします。

２．表⇒表の挿入をクリック。

３．「表の挿入」画面が出ます。
　挿入する行数と列数を指定し、「OK」をクリック。
　今回は「行数２」、「列数２」を指定。表の属性は何も指定しない設定にします。

４．２×２の表が挿入されました。

24-2	表の高さ・幅を整える

表の高さ・幅を指定のサイズに整える方法を説明します。
今回は１つのセル※を「幅100ピクセル」、「高さ20ピクセル」に設定します。

※セル⇒表の中にある一つの枠のことを「セル」と呼びます(下図)　　

セル	セル
セル	セル

１．表の左上のセル(図①)を左クリックして選択した状態にします。
　キーボードの「Shift」キーを押しながら、右下のセル（図②）を左クリックして表全体を選択します。

２．表全体が選択され、黒い表示になりました。
　黒く変わった表の上で右クリックして、プルダウンから「属性の変更」をクリックします。

３．「属性」の画面が出たら、セルの幅と高さを指定して「OK」をクリックします。
　今回はセルの幅を100ピクセル、セルの高さを20ピクセルに設定します。

４．表の高さ・幅が整いました。

24-3	表の行を追加・削除する

　行を追加する方法を説明します。

　１．行を下に追加する
　２．行を上か下に追加する
　３．追加する行数を指定する
　４．行を削除する

１．行を下に追加する。
　追加したい位置のセルを右クリック⇒「行」⇒「行を追加　下へ」をクリック。

行が下に一行、追加されました。

２．行を上か下に追加する。
　追加したい行のセルをクリックしてから、
　ホームページビルダーの上部にあるメニュー、「表」をクリック⇒「行の追加」をクリック。
　「上へ１行追加」をクリックすると上に追加でき、
　「下へ１行追加」をクリックすると下に追加できます。

３．追加する行数を指定する。
　追加したい行のセルをクリックしてから、
　ホームページビルダーの上部にあるメニュー、「表」をクリック⇒「指定して追加」をクリック。

　「行または列の追加」の画面が開きます。
　①の「行」の図をクリック。
　②選択したセルの上に追加するか、下に追加するかをチェックします。
　③追加したい行数を入力します。今回は例として上に３行追加しました。
　④指定が終わったら「OK」をクリック。

上に３行、追加されました。

４．行を削除する。
　削除したい行の上で右クリック⇒「行」をクリック⇒「行の削除」をクリック。

行が１行、削除されました。

24-3	表の列を追加・削除する

列を追加する方法を説明します。

　１．列を下に追加する
　２．列を左か右に追加する
　３．追加する列数を指定する
　４．列を削除する

１．列を下に追加する。
　追加したい位置のセルを右クリック⇒「列」⇒「列を追加　下へ」をクリック。

列が右に１列、追加されました。

２．列を左か右に追加する。
　追加したい行のセルをクリックしてから、
　ホームページビルダーの上部にあるメニュー、「表」をクリック⇒「列の追加」をクリック。
　「左へ１列追加」をクリックすると左に追加でき、
　「右へ１列追加」をクリックすると右に追加できます。

３．追加する列数を指定する。
　追加したい行のセルをクリックしてから、
　ホームページビルダーの上部にあるメニュー、「表」をクリック⇒「指定して追加」をクリック。

「行または列の追加」の画面が開きます。
　①の「列」の図をクリック。
　②選択したセルの左に追加するか、右に追加するかをチェックします。
　③追加したい列数を入力します。今回は例として左に２列追加しました。
　④指定が終わったら「OK」をクリック。

左に２列、追加されました。

４．列を削除する。
　削除したい列の上で右クリック⇒「列」をクリック⇒「列の削除」をクリック。

列が１列、削除されました。