とりあえず自分のホームページをサーバーにアップするという、最低限の
ことは出来ましたね。ここまで出来れば、一番難しい最初の一歩はクリア
です。
ただ、このままですと味気ないですよね。そこで、次の一歩として、画面
をいくつかに区切る練習をしてみましょう。つまり表を作るのです。ここ
では、<TABLE>というものについて、勉強します。
まずは、前に作りました「index.html」に、新たに書き込めるようにしましょ
う。
新たなメモ帳を開いてください。
次に「myhp」をクリックして下さい。
そして、「index.html」をメモ帳にドラッグ&ドロップして下さい。ドラッ
グ&ドロップとは、「index.html」にポインタを合わせ、左クリックした
ままで(押したままで)、マウスのポインタを新たなメモ帳の上に移動す
ることです。そしてマウスを離します。
そうすると、一番最初に打ったものが記載されていると思います。不思議
でしょ!?
ところで、この<TABLE>ですが、基本的には、<TABLE>〜</TABLE>
<TR>〜</TR> <TD>〜</TD>の三種類を使うことになりま
す。
<TABLE>は、表の全体を表しています。
<TR>は、表の行(縦)を表しています。
<TD>は、表のマス(横)を表しています。
そして、<TABLE>を使うときは、必ずこれら三つをセットで使います。
<TABLE> <TR> <TD> </TD> </TR> </TABLE>
こんなカンジです。
まず、一番基本的な形を作ってみましょう。
<TABLE BORDER="1">
<TR><TD>●</TD></TR>
</TABLE>
|
そのまま打ってみてください。練習です。
出来ましたら、そのまま「myhp」の中の「index.html」に、上書き保存して下
さい。
保存したら、サーバーにアップしてみましょう。
こんなカンジになりましたでしょうか??
<TABLE BORDER="1">となっているところの「1」は、枠の線の太さを表しま
す。
数字を「2」や「3」と大きくしていきますと、枠が太くなります。「0」にすると
枠がなくなります。
チャレンジしてみて下さい!
「テーブルタグ・2」のページへ
|