*- HTML 基礎知識 その4 -*
*- 表(セル)の話 -*
<BODY> 〜 </BODY> の 〜 の部分に入れてね!
*- 一行一段の表 -*
こんな感じになります
<TABLE border="1">
<TBODY>
<TR>
<TD>こんな感じになります</TD>
</TR>
</TBODY>
</TABLE>
**************************
でぇ〜、少し解説をば・・・o(*^^*)o
表を<建物>だと思って見てください・・・
何階建て?部屋数は?ってな感じです。
TABLE ・・・表のこと
boder ・・・枠のこと
TR ・・・縦にいくつ?(何階建て?)
TD ・・・横にいくつ?(部屋はいくつ?)
枠の太さを”数字”で表わします。
枠無し・・・"0"
通常の枠・・・"1"
(数字が大きくなると枠の線も太くなる)
**************************
*- 縦と横の部屋割り!? -*
<横に2部屋欲しいときは・・・>
一階建てに
部屋を2個
だから・・・
<TR>と</TR>の間に
<TD></TD> <TD></TD> と言う風に
2個分入れます
。
〇〇〇
■■■
<TABLE border="1">
<TBODY>
<TR>
<TD>〇〇〇</TD>
<TD>■■■</TD>
</TR>
</TBODY>
</TABLE>
**************************
たとえば・・・その反対で、
<1つの階に部屋2個で三階建ての場合>
〇〇〇
●●●
△△△
▲▲▲
□□□
■■■
<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
-*