HTML*TIPS

テーブルについてvo4

■　テーブル内のテキストの位置を指定する

試しにこのテーブルを使います。

&lttable border="1">
　&lttr>
　　&lttd width="100" height="50" align="◆" valign="◇">
　　　ここに文字
　　</td>
　</tr>
</table>

位置	◆	◇
左上	left	top
中央上	center	top
右上	right	top
左中央	left	middle
中央	center	middle
左下	left	bottom
中央下	center	bottom
右下	right	bottom

左上	中央上	右上
左中央	中央	右中央
左下	中央下	右下

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

■　テーブル内の余白を作る

余白がないと・・・
こんな感じ

余白があると・・・
こんな感じ

　&ltTABLE border="1" cellpadding="●">
　　&ltTBODY>
　　　&ltTR>
　　　　&ltTD>ここに文字</TD>
　　　</TR>
　　</TBODY>
　</TABLE>

●の所に数字を入れてください。大きいほど余白が広がります。

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

■　二つのテーブルを並べる

一つ目のテーブル。
ピンク

二つ目のテーブル。
ブルー

&lttable>&lttr>&lttd>
&lttable border="1" bordercolor="hotpink" cellspacing="○"
cellpadding="●" bgcolor="mistyrose">
&lttr>&lttd bgcolor="white"> &ltfont size="1">
一つ目のテーブル。&ltbr>ピンク
</td></tr></table>
</td>
&lttd>
&lttable border="1" bordercolor="BLUE" cellspacing="○"
cellpadding="●" bgcolor="lightcyan">
&lttr>&lttd bgcolor="white"> &ltfont size="1"
>二つ目のテーブル。&ltbr>ブルー
</td></tr></table>
</td></tr></table>