ちょっと☆TEA TIME♪

ちょっと☆TEA TIME♪

:::

テーブルの作り方


テーブルとは、 の事です。
枠組みをして色々整頓したいなぁ~って言う時使います。
枠の中の背景に
を付けたり、 壁紙 を使ったり色々出来ますよ。
是非チャレンジしてみて下さい。
●では、最初に枠を一個作ってみましょう~♪


ココに文章を入力すると表示される。
<TABLE border="1" width="300" height="200" >
<TR>
<TD> ココに文章を入力すると枠内に表示される </TD> </TR>
</TABLE>

枠内のタグを入力すると、同じサイズの枠が1個出来、中に文字が入力出来ます。
最初の <TABLE  は、枠を作りますよ~っと言う指令。
> で閉じた後に文字や 画像等を入れると枠の中に表示される。
必ず最後に </TABLE>  で閉じるのを忘れないように☆

次の border="1" 枠の太さを指定しています。
枠を太くしたい場合は、 1 より数字を 上げれば 太くなります。
ちなみに・・・
border="3"

border="5"
↑こんな感じで太くなります☆

次に、 width="300" height="200" >
枠のサイズを指定しています。


次の <TR> は、行の始まりを定義しています。
横一列分の文字や画像等の最初に入力します。
最後にはシッカリ </TR> で閉じないと枠組み出来ません。

次の <TD> は、セルを意味します。そして </TD> で閉じます。
横に何行作るか・・・
横に3行作る場合は、 <TR> <TD> 1 </TD><TD> 2 </TD><TD> 3 </TD> </TR>
って入力すると横に3個枠が出来るよ。
1 2 3


次に縦3×横3のテーブルを作ってみましょう。

1 2 3
4 5 6
7 8 9

<TABLE border="1" width="282">
<TR>
<TD align="center">1</TD>
<TD align="center">2</TD>
<TD align="center">3</TD>
</TR>
<TR>
<TD align="center">4</TD>
<TD align="center">5</TD>
<TD align="center">6</TD>
</TR>
<TR>
<TD align="center">7</TD>
<TD align="center">8</TD>
<TD align="center">9</TD>
</TR>
</TABLE>




© Rakuten Group, Inc.
X

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: