表示イメージ |
|
html |
◇普通に何も考えずにIBMホームページビルダーで2列2行の表を作ると、味も素っ気もない、でしょ。
|
|
<TABLE border="1" width="100%">
<TBODY>
<TR>
<TD>1行1列</TD>
<TD>1行2列</TD>
</TR>
<TR>
<TD>2行1列</TD>
<TD>2行1列</TD>
</TR>
</TBODY>
</TABLE> |
◇それで、少しは変化を持たせたい、まず表には外枠的な表があって、それぞれ中にマス目として「セル」がある。trが行、tdが列要素ですね。 |
|
|
【Q1】
200ピクセル幅の2行2列の表を作り、表の外枠(周囲)を緑で3ピクセル、1行目セル枠は赤色、2行目はセル枠は青、背景は黄色で、列の幅は50%ずつに固定した表を作れ。
|
|
【A1】
<TABLE border="3" width="200" bordercolor="green">
<TBODY>
<TR bordercolor="RED">
<TD width="50%">1R1C</TD>
<TD width="50%">1R2C</TD>
</TR>
<TR bordercolor="blue">
<TD bgcolor="yellow">2R1C</TD>
<TD bgcolor="yellow">2R2C</TD>
</TR>
</TBODY>
</TABLE> |
|
【Q2】
Q1のサイズのままで、表の外枠5ピクセルでセルの間の隙間は不要とし、紫色ですっきりしたエクセル的な表を作れ。ただし、セルと文字の余白を8ピクセルとすること。
|
|
【A2】
<TABLE border="5" width="200" bordercolor="purple"
cellpadding="8" cellspacing="0">
<TBODY>
<TR>
<TD width="50%">1R1C</TD>
<TD width="50%">1R2C</TD>
</TR>
<TR>
<TD>2R1C</TD>
<TD>2R2C</TD>
</TR>
</TBODY>
|
|
うーん、全然おもしろくないでしょ、いやいや付き合ってもらうぞ。
【Q3】
frame属性(表全体を囲む枠線の表示方法)を9種類の属性を述べ、どのような表示となるか、図示せよ。
|
|
【A3】
<TABLE border="1" width="100%" bordercolor="purple"
frame="XXXXX" cellspacing="0">
XXXXXの部分を以下に記述することで枠線の表示方法が変更できる。 |
|
|
above
上端のみ |
|
|
below
下端のみ |
|
|
hsides
上端と下端 |
|
|
box
周囲 |
|
|
lhs
左端のみ |
|
|
rhs
右端のみ |
|
|
vsides
左端と右端 |
|
|
border
周囲 |
|
|
void
外枠なし |
|
「おもしろくないでしょ」、なんて言いながら僕が飽きてきた・・・まだ、他の属性も在るのだけれどね、飽き飽きしてきた、理解するのは簡単だけど、タイプするのが面倒くさいわ。やあめチンコロだね。 (身勝手なヤツ<心の声>)
そうそう、生ビールでも飲もう・・・ じゃ。 |