表ーⅠ
目次
Ⅰ．表の基本
Ⅱ．表にタイトルをつける
Ⅲ．表の大きさを指定する
Ⅳ．表の枠やマージンなどを指定する
Ⅴ．表の外枠の色を指定する
Ⅵ．表の外枠の表示形式を指定する
Ⅶ．表内のセルを区切る線の表示形式を指定する

Ⅰ．表の基本

要素名説明
<TABLE border="外枠の太さ">～</TABLE>
<TR>～</TR>
<TH>～</TH>
<TD>～</TD>
 表全体
横一列
見出し用セル
データ用セル

例Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <TABLE border="1">
<TR><TH>名前</TH><TH>性別</TH></TR>
<TR><TD>山田　太郎</TD><TD>男</TD></TR>
<TR><TD>山田　花子</TD><TD>女</TD></TR>
</TABLE>

Ⅱ．表にタイトルをつける

<CAPTION>～</CAPTION>
<CAPTION align="表示位置">～</CAPTION>

表示位置top・bottom・left・right

例Ｓｏｒｃｅ
家族構成
名前性別
山田　太郎男
山田　花子女
 <table border="1">
<caption>家族構成</caption>
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

Ⅲ．表の大きさを指定する

<table width="幅" height="高さ">

幅・高さピクセル数又はウインドウに対する％

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

Ⅳ．表の枠やマージンなどを指定する

<TABLE border="外枠の太さ">～</TABLE>
<TABLE cellspacing="セルの間隔">～</TABLE>
<TABLE cellpadding="セル内のマージン">～</TABLE>

外枠の太さピクセル数
セルの間隔ピクセル数
セル内のマージンピクセル数


例－１Ｓｏｒｃｅ
cellspacing
名前性別
山田　太郎男
山田　花子女
 <table border="5" cellspacing="5">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>
例－２Ｓｏｒｃｅ
cellpadding
名前性別
山田　太郎男
山田　花子女
 <table border="1" cellpadding="10">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

Ⅴ．表の外枠の色を指定する

<TABLE bordercolor="色">～</TABLE>
<TABLE bordercolor="色" bordercolordark="色">～</TABLE>

例－１Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="5" bordercolor="#0000ff">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>
例－２Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="8" bordercolorlight="#0000ff" bordercolodark="#00008b">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

注）
bordercolor属性は、Ｉｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒでは外枠が平面的に塗りつぶされ
Ｎｅｔｓｃａｐｅ　Ｎａｖｉｇａｔｏｒでは立体的に表示されます。
bordercolorlight属性とbordercolodark属性はＩｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒでのみ
利用可能です

Ⅵ．表の外枠の表示形式を指定する

<TABLE frame="外枠の表示形式">

[外枠の表示形式]
voidなし（デフォルト）
above上のみ
below下のみ
lsh左のみ
rsh右のみ
hsides上下のみ
vsides左右のみ
box上下左右
border上下左右

例－１Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="5" bordercolor="#0000ff">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>
例ー２Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="8" bordercolorlight="#0000ff" bordercolodark="#00008b">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

注）
frame属性は、Ｉｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒでのみ利用可能です

Ⅶ．表内のセルを区切る線の表示形式を指定する

<TABLE rules="セルを区切る線の表示形式">

[セルを区切る線の表示形式]
noneなし（デフォルト）
rows横列の境界のみ
cols縦列の境界のみ
groupsＴＨＥＡＤ・ＴＢＯＤＹ・ＴＦＯＯＴ・ＣＯＬＧＲＯＵＰ・ＣＯＬの境界のみ
allすべての境界

例－１Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="3" rules="rows">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>
例ー２Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="3" rules="cols">
<tr><th>名前</th><th>性別</th></tr>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>
例ー３Ｓｏｒｃｅ
名前性別
山田　太郎男
山田　花子女
 <table border="3" rules="groups">
<thead>
<tr><th>名前</th><th>性別</th></tr>
</thead>
<tr><td>山田　太郎</td><td>男</td></tr>
<tr><td>山田　花子</td><td>女</td></tr>
</table>

注）
rules属性は、Ｉｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒでのみ利用可能です

［メインに戻る］