初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #6.表  >>> 外枠とセルの間隔を指定しよう



      



外枠とセルの間隔を指定しよう



HP作成講座の先生  「今回は外枠とセルとの間隔をなくしたり広げたりするぞぃ。」



 サンプル


HP作成講座の先生  「これは間隔なしじゃな。」



HP作成講座の先生  「これはなにも指定していない状態じゃ。」



HP作成講座の先生  「ちょっと広げすぎかのぅ。」





HP作成講座の先生  「枠線を1色にした方が見やすいから
    border="red" に指定しておるぞぃ。
    こんなタグを使うんじゃ。」



電球  外枠とセルの間隔を指定するタグ
-----------------------------------------------------------------


 cellspacing="■" : 外枠とセルの間隔を■にする。

                (■には数字を入れる)


-----------------------------------------------------------------



HP作成超初心者  「またスペルが長いなぁ・・・。
    分けてみたらわかりやすいかな・・・え〜っとぉ・・・。」


HP作成講座の先生  「どうじゃ?」


HP作成超初心者  「cell(セル) spacing(スペース、間隔を取ること) かな?」


HP作成講座の先生  「うむ。よくできたのぅ。
    これで外枠とセルとの間隔を自由に指定できるぞぃ。
    ■に0を入れると間隔なしじゃ。では実際に使ってみるぞぃ。」



 メモ帳
<BODY>〜</BODY> の間に入力


<TABLE border="10" cellspacing="0">
 <TR>
  <TD>むか〜しむかし、あるところに</TD>
  <TD>よひょうという青年が住んでいました。</TD>
 </TR>
</TABLE>


<TABLE border="10" cellspacing="10">
 <TR>
  <TD>よひょうはあるとき</TD>
 </TR>
 <TR>
  <TD>罠にかかっている鶴を見つけました。</TD>
 </TR>
</TABLE>


<TABLE border="10" cellspacing="30">
 <TR>
  <TD>よひょうは鶴を助けました。</TD>
  <TD>すると鶴は</TD>
 </TR>
 <TR>
  <TD>よひょうを背中に乗せて</TD>
  <TD>竜宮城へ連れて行きました。</TD>
 </TR>
</TABLE>




HP作成講座の先生  「わかりやすいように太さを border="10" にしておるぞぃ。
    ではブラウザで見てみようかのぅ。」



 メモ帳
むか〜しむかし、あるところに よひょうという青年が住んでいました。

↑ これは cellspacing="0" じゃな。


よひょうはあるとき
罠にかかっている鶴を見つけました。

↑ これは cellspacing="10" じゃ。


よひょうは鶴を助けました。 すると鶴は
よひょうを背中に乗せて 竜宮城へ連れて行きました。

↑ これは  cellspacing="30" じゃ。




HP作成講座の先生  「ちなみに cellspacing="■" のタグを使わなかった場合は
    cellspacing="2" と同じ間隔が開くようになっておるぞぃ。」


HP作成超初心者  「なるほど〜☆
    あと、表の中の文字なんですが、なんだか窮屈そうな気がして・・・。」


HP作成講座の先生  「ふむ・・・。では次は
    セルの枠線とその中の文字との間隔について勉強しようかのぅ。
    今回はこれでおしまいじゃ。」






↑ページのTOPへ


表の枠線に色をつけよう
<<< 前のページへ戻る
セルと文字の間隔を指定しよう
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #6.表  >>> 外枠とセルの間隔を指定しよう





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML