表の作成-KompoZer

投稿者: | 2015 年 8 月 28 日

<表の作成>

背景画像の設定(背景の設定)まで終了したら、次に表を作成していきます。
  1. Enterを2回ほど押します(名前の下2行ほど改行しておきます)。
    enter
  2. テーブルのアイコンをクリック。
  3. 3×3になるようにドラッグして、クリック。
    Tabel 3x3
  4. 1行目の3つのセルをドラッグ(選択)します。
    drag Line 1
  5. 選択したセルを結合をクリック。
    cellの結合
  6. 今度は、3行目の3つのセルをドラッグ(選択)します。
  7. 選択したセルを結合をクリック。
    drag Line 3
  8. ソースをクリック。
    source
  9. 下の図の赤で示した箇所を削除および修正します。
    削除: style=”text-align; left; width:100%;”
    削除: cell padding=”2″ cell spacing=”2″ (セルの中の余白がなくなります)
    修正: border=”1″ を border=”0″ (枠線が消えます)
    border=1
  10. 次は<td>の中の style=”vettical-align; top;” の部分を削除します。
    ここでは複数個所あるため、コピーし、置換を使って削除します。
  11. まず、<td>の中の style=”vettical-align; top;”  をドラッグします。
    drag
  12. ctrlを押しながらCのキーを押してコピーします(以後 Ctrl+C と記述))。
  13. 編集 - 検索・置換 をクリック。
    replace
  14. Ctrl+V で貼り付けます。
  15. すべて置換 をクリック。
    all
  16. rowspanをドラッグ。Ctrl+Cでコピーします。
    rowspan
  17. 編集 - 検索・置換 をクリック。
    replace
  18. Ctrl+Vのあと、すべて置換 をクリック。
    all
  19. ソースをクリック。下の図と比べて、余計な要素が含まれていたら、削除します。
    tag
  20. つぎに表の中にメニューや本文を作成していきます。

参照: 見出し1の設定