サルでもわかる?かんたんHTML トップページ
>>> #6.表
>>> 外枠とセルの間隔を指定しよう
「今回は外枠とセルとの間隔をなくしたり広げたりするぞぃ。」
「枠線を1色にした方が見やすいから
border="red" に指定しておるぞぃ。
こんなタグを使うんじゃ。」
外枠とセルの間隔を指定するタグ
-----------------------------------------------------------------
cellspacing="■" : 外枠とセルの間隔を■にする。
(■には数字を入れる)
-----------------------------------------------------------------
「またスペルが長いなぁ・・・。
分けてみたらわかりやすいかな・・・え〜っとぉ・・・。」
「どうじゃ?」
「cell(セル) spacing(スペース、間隔を取ること) かな?」
「うむ。よくできたのぅ。
これで外枠とセルとの間隔を自由に指定できるぞぃ。
■に0を入れると間隔なしじゃ。では実際に使ってみるぞぃ。」
「わかりやすいように太さを border="10" にしておるぞぃ。
ではブラウザで見てみようかのぅ。」
「ちなみに cellspacing="■" のタグを使わなかった場合は
cellspacing="2" と同じ間隔が開くようになっておるぞぃ。」
「なるほど〜☆
あと、表の中の文字なんですが、なんだか窮屈そうな気がして・・・。」
「ふむ・・・。では次は
セルの枠線とその中の文字との間隔について勉強しようかのぅ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
サルでもわかる?かんたんHTML トップページ >>> #6.表 >>> 外枠とセルの間隔を指定しよう
| サンプル | |||
|
|
border="red" に指定しておるぞぃ。
こんなタグを使うんじゃ。」
-----------------------------------------------------------------
cellspacing="■" : 外枠とセルの間隔を■にする。
(■には数字を入れる)
-----------------------------------------------------------------
分けてみたらわかりやすいかな・・・え〜っとぉ・・・。」
これで外枠とセルとの間隔を自由に指定できるぞぃ。
■に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> |
ではブラウザで見てみようかのぅ。」
| メモ帳 | ||||||||
↑ これは cellspacing="0" じゃな。
↑ これは cellspacing="10" じゃ。
↑ これは cellspacing="30" じゃ。 |
cellspacing="2" と同じ間隔が開くようになっておるぞぃ。」
あと、表の中の文字なんですが、なんだか窮屈そうな気がして・・・。」
セルの枠線とその中の文字との間隔について勉強しようかのぅ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
|
表の枠線に色をつけよう <<< 前のページへ戻る |
セルと文字の間隔を指定しよう 次のページへ進む >>> |
サルでもわかる?かんたんHTML トップページ >>> #6.表 >>> 外枠とセルの間隔を指定しよう
