*- HTML 基礎知識 その４ -*
*- 表（セル）の話 -*
<BODY> 〜 </BODY> の 〜 の部分に入れてね！
*- 一行一段の表 -*
こんな感じになります
<TABLE border="1">
<TBODY>
<TR>
<TD>こんな感じになります</TD>
</TR>
</TBODY>
</TABLE>
**************************
でぇ〜、少し解説をば・・・o(*^^*)o
表を＜建物＞だと思って見てください・・・
何階建て？部屋数は？ってな感じです。
TABLE ・・・表のこと
boder ・・・枠のこと
TR ・・・縦にいくつ？（何階建て？）
TD ・・・横にいくつ？（部屋はいくつ？）
枠の太さを”数字”で表わします。
枠無し・・・"0"
通常の枠・・・"1"
（数字が大きくなると枠の線も太くなる）
**************************
*- 縦と横の部屋割り！？ -*
＜横に２部屋欲しいときは・・・＞
一階建てに
部屋を２個
だから・・・
<ＴＲ>と</ＴＲ>の間に
<TD></TD> <TD></TD> と言う風に
２個分入れます
。
〇〇〇
■■■
<TABLE border="1">
<TBODY>
<TR>
<TD>〇〇〇</TD>
<TD>■■■</TD>
</TR>
</TBODY>
</TABLE>
**************************
たとえば・・・その反対で、
＜1つの階に部屋２個で三階建ての場合＞
〇〇〇
●●●
△△△
▲▲▲
□□□
■■■
<TABLE border="1">
<TBODY>
<TR>
<TD>〇〇〇</TD>
<TD>●●●</TD>
</TR>
<TR>
<TD>△△△</TD>
<TD>▲▲▲</TD>
</TR>
<TR>
<TD>□□□</TD>
<TD>■■■</TD>
</TR>
</TBODY>
</TABLE>
**************************
こんなのも出来ますよ。
colspan="数字"
で横幾つ分統合するか指定出来る。
2個統合させるとこうなります。
見出しを作る
●●●
■■■
<TABLE border="1">
<TBODY>
<TR>
<TD
colspan="2"
>見出しを作る</TD>
</TR>
<TR>
<TD>●●●</TD>
<TD>■■■</TD>
</TR>
</TBODY>
**************************
少し進化させて可愛くするならば・・・。
枠に色を入れましょう。
赤文字の部分に
好きな色番
を入れてね。
△△△
▲▲▲
□□□
■■■
<TABLE border="1" bgcolor="
枠の色
">
<TBODY>
<TR>
<TD bgcolor="
枠の中の色
">△△△</TD>
<TD bgcolor="
枠の中の色
">▲▲▲</TD>
</TR>
<TR>
<TD bgcolor="
枠の中の色
">□□□</TD>
<TD bgcolor="
枠の中の色
">■■■</TD>
</TR>
</TBODY>
</TABLE>
**************************
枠の中の色を一つ変えると・・・
△△△
▲▲▲
□□□
■■■
<TABLE border="1" bgcolor="
枠の色
">
<TBODY>
<TR>
<TD bgcolor="
枠の中の紫色
">△△△</TD>
<TD bgcolor="
枠の中の色
">▲▲▲</TD>
</TR>
<TR>
<TD bgcolor="
枠の中の色
">□□□</TD>
<TD bgcolor="
枠の中の色
">■■■</TD>
</TR>
</TBODY>
</TABLE>
**************************
ちょっと面白い表が出来るでしょ♪o(*^^*)o
前のページに戻る
次のページに進む
*-
HOME
-*