サルでもわかる？かんたんHTML トップページ
>>> ＃６．表
>>> 表の枠線を指定しよう
「前回は枠線のある表を作ったのぅ。
今回はその枠線をちょっといじってみるぞぃ。」
こんなタグを使うぞぃ。」
表の枠線を変えるタグ
-----------------------------------------------------------------
<TABLE border="■"> 〜 </TABLE> ： 枠線が■の太さの表を表示する。
（■には数字を入れる）
-----------------------------------------------------------------
「border="■" って、 リンク画像の枠線を消そう でも出てきましたね。」
「うむ。よく覚えておったな。
■に0を入れると枠線なしじゃ。
あとは1から順に枠線が太くなっていくぞぃ。
では実際に使ってみようかのぅ。」
「枠線の太さが違う表を3つ作ってみたぞぃ。
では実際にブラウザで見てみるぞぃ。」
「枠線の太さを変えるときも
<TR>〜</TR>、<TD>〜</TD> の使い方は変わらんぞぃ。」
「は〜い。
ところで、表の枠線って薄い色と濃い色の2色なんですね。」
「そうなんじゃ。少し立体的に見えるじゃろぅ？
あまり太すぎるとわからんがの。」
「枠線の色を変えたり、1色だけにしたりもできるんですか？」
「もちろんじゃ。それはまたあとで勉強するぞぃ。
今回はここまでじゃ。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃６．表 >>> 表の枠線を指定しよう
「前回は枠線のある表を作ったのぅ。今回はその枠線をちょっといじってみるぞぃ。」
| サンプル | |||
|
「こんな風に、枠線を太くしたり枠線を消したりできるんじゃ。こんなタグを使うぞぃ。」
表の枠線を変えるタグ
-----------------------------------------------------------------
<TABLE border="■"> 〜 </TABLE> ： 枠線が■の太さの表を表示する。
（■には数字を入れる）
-----------------------------------------------------------------
「border="■" って、 リンク画像の枠線を消そう でも出てきましたね。」
「うむ。よく覚えておったな。■に0を入れると枠線なしじゃ。
あとは1から順に枠線が太くなっていくぞぃ。
では実際に使ってみようかのぅ。」
| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<TABLE border="0"> <TR> <TD>むか〜しむかし、あるところに</TD> <TD>おじいさんとおばあさんが住んでいました。</TD> </TR> </TABLE> <TABLE border="10"> <TR> <TD>ふたりには子供がなく</TD> </TR> <TR> <TD>子供が欲しいといつも思っていました。</TD> </TR> </TABLE> <TABLE border="50"> <TR> <TD>ふたりは住吉神社へ</TD> <TD>お参りに行くと</TD> </TR> <TR> <TD>なんと小指よりも小さな</TD> <TD>おじいさんが生まれました。</TD> </TR> </TABLE> |
「枠線の太さが違う表を3つ作ってみたぞぃ。では実際にブラウザで見てみるぞぃ。」
| ブラウザ | ||||||||
↑ 枠線が表示されておらんな。
↑ border="10" の太さじゃ。
↑ border="50" じゃ。ちょっと太すぎじゃのぅ。 |
「枠線の太さを変えるときも<TR>〜</TR>、<TD>〜</TD> の使い方は変わらんぞぃ。」
「は〜い。ところで、表の枠線って薄い色と濃い色の2色なんですね。」
「そうなんじゃ。少し立体的に見えるじゃろぅ？あまり太すぎるとわからんがの。」
「枠線の色を変えたり、1色だけにしたりもできるんですか？」
「もちろんじゃ。それはまたあとで勉強するぞぃ。今回はここまでじゃ。」
↑ページのTOPへ
|
表を作ろう <<< 前のページへ戻る |
表の枠線に色をつけよう 次のページへ進む >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃６．表 >>> 表の枠線を指定しよう
