テーブルを使う
テーブルタグを使ってみました。
<HTML>
<HEAD>
<TITLE>テーブルその１</TITLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR>
<TD>どうです？周りに枠が見えるでしょ！< /TD>
</TR>
</TABLE>
</BODY>
</HTML>
テーブルはHTMLデザインにはかかせないものです。
テーブルは<TABLE>からはじまり</TABLE>で終わります、テーブルタグの中にはセルや列を作らなくては
テーブルにはなりません、まず列を作りその中にセルを作ります、列は<TR>〜</TR>で
作られ、セルを作るには<TD>ここに内容</TD>、
これでセルが作れます。
また下にもう一段列を作るには<TR>〜</TR>タグを使い、その中にセルを作っていけばいいわけです。
そしてテーブルにはborder属性を使う事により表の枠を表示する事ができま
す、(border属性は枠線を設定するための属性です)。
実行結果はここク
リックしてください。・・・・・実 行後はブラウザの閉じるを押してここに戻ってね！
次に複数行、複数列のを使ってみました。
<HTML>
<HEAD>
<TITLE>テーブルその２</TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
<TABLE border="1">
<TR>
<TD>１列目の１行目です。</TD>
<TD>２列目の１行目です。</TD>
</TR>
<TR>
<TD>１列目の２行目どえす。</TD>
<TD>２列目の２行目どえす。</TD>
</TR>
<TR>
<TD>１列目の３行目どえす。</TD>
<TD>２列目の３行目どえす。</TD>
</TR>
</TABLE>
</BODY>
</HTML>
列の中に<TD>タグを書いていく事で行をどんどん増やしていく
事が出来ます、そしてもうひとつ列を作る時には一度</TR>でタグを閉じてもう一度<TR>タグで作ります、
このようにして複数の列や行を作ることができます。
実行結果はここク
リックしてください。・・・・・実 行後はブラウザの閉じるを押してここに戻ってね！
ここで学んだタグ
・TABLE
・TR
・TD