表ーⅡ
目次
Ⅰ．表の背景色を指定する
Ⅱ．表の背景画像を指定する
Ⅲ．セルを連結する
Ⅳ．セルの大きさを指定する
Ⅴ．セル内のテキストの位置を指定する

Ⅰ．表の背景色を指定する

要素名説明
<TABLE bgcolor="色">～</TABLE>
<TR bgcolor="色">～</TR>
<TH bgcolor="色">～</TH>
<TD bgcolor="色">～</TD>
 表全体の背景色
横一列の背景色
見出し用セルの背景色
データ用セルの背景色

例－１Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <TABLE border="1" bgcolor="#ffffaa" cellspacing="0">
<TR><TH>名前</TH><TH>性別</TH></TR>
<TR><TD>山田　太郎</TD><TD>男</TD></TR>
<TR><TD>山田　花子</TD><TD>女</TD></TR>
</TABLE>
例－２Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <TABLE border="1" bordercolor="#0000ff" cellspacing="0">
<TR bgcolor="#0000ff">
<TH><font color="#ffffff">名前</TH>
<TH><font color="#ffffff">性別</TH></TR>
<TR><TD bgcolor="#ffffaa">山田　太郎</TD><TD>男</TD></TR>
<TR><TD bgcolor="#ffffaa">山田　花子</TD><TD>女</TD></TR>
</TABLE>

Ⅱ．表の背景画像を指定する

要素名説明
<TABLE background="画像のＵＲＬ">～</TABLE>
<TR background="画像のＵＲＬ">～</TR>
<TH background="画像のＵＲＬ">～</TH>
<TD background="画像のＵＲＬ">～</TD>
 表全体の背景画像
横一列の背景画像
見出し用セルの背景画像
データ用セルの背景画像

例－１Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <TABLE border="1" background="img/bg27i.gif" cellspacing="0">
<TR><TH>名前</TH><TH>性別</TH></TR>
<TR><TD>山田　太郎</TD><TD>男</TD></TR>
<TR><TD>山田　花子</TD><TD>女</TD></TR>
</TABLE>
例－２Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <TABLE border="1" cellspacing="0">
<TR bgcolor="#0000ff">
<TH><font color="#ffffff">名前</TH>
<TH><font color="#ffffff">性別</TH></TR>
<TR><TD background="img/bg27i.gif">山田　太郎</TD><TD>男</TD></TR>
<TR><TD background="img/bg27i.gif">山田　花子</TD><TD>女</TD></TR>
</TABLE>

注）
横一列の背景画像(TR)属性は、Ｎｅｔｓｃａｐｅ　Ｎａｖｉｇａｔｏｒでのみ利用可能です

Ⅲ．セルを連結する

<TH rowspan="縦方向の連結数">～</TH>
<TH colspan="横方向の連結数">～</TH>
<TD rowspan="縦方向の連結数">～</TD>
<TD colspan="横方向の連結数">～</TD>

縦方向の連結数そのセルから下方向へ連結するセルの数
横方向の連結数そのセルから右方向へ連結するセルの数

例Ｓｏｒｃｅ
会員地域
山田　太郎男大阪
山田　花子女
 <table border="1" width="220">
<tr><th colspan="2">会員</th><th>地域</th></tr>
<tr><td>山田　太郎</td><td>男</td><td rowspan="2">大阪</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

Ⅳ．セルの大きさを指定する

<TH width="幅" height="高さ">～</TH>
<TD width="幅" height="高さ">～</TD>

幅ピクセル
高さピクセル

例Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="5" cellspacing="0">
<tr><th width="200" height="100">名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

Ⅴ．セル内のテキストの位置を指定する

<TR align="横位置" valign="縦位置">～</TR>
<TH align="横位置" valign="縦位置">～</TH>
<TD align="横位置" valign="縦位置">～</TD>

［横位置］
left左揃え
right右揃え
center中央揃え

［縦位置］
top上
middle中央
bottom下
baseline横方向の列での１行目のベースライン

例Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="1" bordercolor="#0000ff" cellspacing="0">
<tr><th width="180">名前</th><th width="70">性別</th></tr>
<tr><td align="center">山田　太郎</td><td align="right">男</td></tr>
<tr><td align="center">山田　花子</td><td align="right">女</td></tr>
</table>

［メインに戻る］