もうちょっと使えるようにしてみましょう。
今までの応用です。縦横に二つずつ枠を作ってみましょう。
<TABLE BORDER="1">
<TR><TD>●</TD><TD>○</TD></TR>
<TR><TD>□</TD><TD>■</TD></TR>
</TABLE>
|
上記をそのまま<BODY>と</BODY>の間に打ってみて下さい。
もちろん、コピー&ペーストしても構いません。でも、なるべくなら、御自分で打っ
たほうが勉強になりますし、上達も早いですよ。
出来ましたら、そのまま「myhp」の中の「index.html」に、上書き保存して下
さい。
保存したら、サーバーにアップしてみましょう。
このように出てくるはずです。今はまだ「●」だの「○」だのになっていますが、
「●」を消して、そこに文章を書いたり、アフィリエイトの商品を並べたりすれば、
ステキなホームページになっていくと思います。
テーブルの大きさを変えたければ、
<TABLE BORDER="1" WIDTH="300">
と、「TABLE BORDER="1"」の次に「WIDTH="300"」付け加えてみて下さい。この
とき、「"1"」の次に半角を必ず開けて下さい。半角を開けないと、意味があり
ません。
なお、「300」の数字をもっと大きくすると、枠が大きくなりますし、逆に小さ
くすると、枠が小さくなります。いろいろ試しながら、ちょうどいい枠の大き
さを見つけてください。
ちなみにこれ、<TD>を増やしていくと、横に部屋が増えていきます。
但し、気をつけないといけないことがあります。上記の場合、すでに二段になって
いますので、一段目の<TD>だけを増やしてもダメですよ。二段目も増やさな
いと。そして必ず</TD>で閉じて下さい。</>の印は、「終わり」と
いう意味ですから、最後に必要です。忘れないで下さい。今までも、</TABLE>
のように最後につけていましたよね。あれと同じです。
また、<TR>を増やしていくと、縦に部屋が増えていきます。今度ももうすで
に二段になっているわけですから、三段目を増やした場合、横の部屋も
<TD></TD>
で増やしていかないとダメですよ。それから最後に</TR>を忘れずに。
この<TABLE>を使いこなせるようになりますと、いろいろなレイアウトが出来
るようになります。
見栄えも、急にホームページらしく見えるようになります。ぜひ、使えるようになっ
て下さい。
「テーブルタグ・5」のページへ
|