HP作成講座
 
テーブル(表)を作成する
  7.1.テーブルを作成する
文章を綺麗なレイアウトで表示するために、テーブル(表)を作成し、そこへ既存の文章を配置しなおしましょう。
 
  作業前   作業後
 
  Hint
練習問題6.4.で保存したindex.htmlを開きます。
「学校通信バンクナンバー」(バックナンバータイトル、backnumber.gif)の後ろにカーソルを置き、ここに[幅:100% 行:4 列:2 ボーダー:1] のテーブルを作成します。
テーブルの余白を10に、間隔を2に設定します。
学校通信バックナンバーの内容の箇条書きを解除し、移動対象の文字列をドラッグして選択後、移動先の各セルへドラッグ&ドロップします。
※移動後、不要な段落は削除しておきましょう。
テキストをそれぞれのセルに移動し終わったら、最後のテーブルを選択し左の列幅を130ピクセル・右の列幅を518ピクセルに設定します。
レイアウトが整ったことを確認し、index.htmlを上書き保存します。
 
  Reference
09章01節 表を作成する テーブルサイズの設定
09章02節 表を作成する セルのサイズ指定
09章04節 表を作成する 余白と間隔
  TOPへ 次へ