テーブル（表）を作る

テーブルの細かな設定

テーブル外枠の太さを指定する

サンプルデータ

<TABLE　BORDER="太さ"> <TABLE　BORDER="0"> 太さを0 <TABLE　BORDER="0"> 太さを1 <TABLE　BORDER="0"> 太さを10

1-1 1-2 1-3 2-1 2-2 2-3 3-1 3-2 3-3 1-1 1-2 1-3 2-1 2-2 2-3 3-1 3-2 3-3 1-1 1-2 1-3 2-1 2-2 2-3 3-1 3-2 3-3

テーブルの大きさを指定する

<TABLE　WIDTH="横幅"　Height="縦幅">

サンプルデータ

<TABLE　WIDTH="700"　HEIGHT="200"> 700×200 <TABLE　WIDTH="150"　HEIGHT="150"> 150×150

セルを結合する

縦に結合する <TD　ROWSPAN="結合するセル数">

横に結合する <TD　COLSPAN="結合するセル数">

サンプルソース	サンプルデータ
<TABLE　border="1"> <TR> <TD　ROWSPAN="2">１</TD> <TD>２</TD> <TD>３</TD> </TR> <TR> <TD>４</TD> <TD>５</TD> </TR> <TR> <TD>６</TD> <TD>　COLSPAN="2">７</TD> </TR> </TABLE>	１ ※　縦に２マス結合します ２ ３ ４ ５ ６ ７ ※　横に２マス結合します

テキストの位置を指定する

<TABLE　Align="横位置"　Valign="縦位置">

■横位置（Align）　→ 　left（左）　center（中央）　right（右）
■縦位置（Vlign）　→ 　top（上）　middle（中央）　bottom（下）

サンプルデータ

■　横位置を指定

left

center

right

■　縦位置を指定

top

middle

bottom

■　縦位置と横位置を組み合わせて指定

left　+　top

center　+　middle

right　+　bottom

テーブルに色をつける

■テーブル全体に色をつける場合
<TABLE　bgcolor="カラー名、もしくはカラーコード">
カラーコードとカラー名はこちらをご覧ください。

■一行ごとに色をつける場合
<TR　bgcolor="カラー名、もしくはカラーコード">
カラーコードとカラー名はこちらをご覧ください。

■セルごとに色をつける場合
<TD　bgcolor="カラー名、もしくはカラーコード">
カラーコードとカラー名はこちらをご覧ください。

サンプルソース	サンプルデータ
<TABLE　border="1"　bgcolor="lightpink"> <TR　bgcolor="#AAAAAA"> <TD>10/6</TD> <TD>10/7</TD> <TD>10/8</TD> </TR> <TR> <TD　bgcolor="red">日</TD> <TD>月</TD> <TD>火</TD> </TR> <TR> <TD>休み</TD> <TD>学校</TD> <TD>学校</TD> </TR> </TABLE>	10/6 10/7 10/8 日 月 火 休み 学校 学校

▲トップに戻る