|
これだけ知っていれば簡単にホームページが作れます♪
■簡単タグ:テーブル編2■
これだけ知っていれば簡単にホームページが作れます♪
テーブル全体の横幅を指定: <TABLE WIDTH=400>
@各項目(セル)の横幅を指定: <TD WIDTH=100>
<TABLE WIDTH=400 BORDER=1> ← テーブルの横幅400ピクセル
<TR>
<TD WIDTH=100>数字</TD> ← セルの横幅100ピクセル
<TD WIDTH=100>漢字</TD>
<TD WIDTH=200>ひらがな</TD>
</TR>
<TR>
<TD>100</TD>
<TD>百</TD>
<TD>にひゃく</TD>
</TR>
</TABLE>
ピクセルとは画面の解像度の単位で
解像度が横1,024ピクセル・縦768ピクセルなら
画面の横の長さは1,024ピクセルとなります。
A各項目(セル)の縦幅を指定: <TR HEIGHT=50>
<TABLE WIDTH=400 BORDER=1>
<TR HEIGHT=50> ← セルの縦幅50ピクセル
<TD WIDTH=100>数字</TD>
<TD WIDTH=100>漢字</TD>
<TD WIDTH=200>ひらがな</TD>
</TR>
<TR>
<TD>100</TD>
<TD>百</TD>
<TD>にひゃく</TD>
</TR>
</TABLE>
WIDTH , HEIGHT ともに<TABLE> <TR> <TD> タグに記述できます。
セル内の文字揃え
横 中央寄せ: <TD ALIGN=CENTER>
左 寄せ: <TD ALIGN=LEFT>
右 寄せ: <TD ALIGN=FIGHT>
縦 上 寄せ: <TD VALIGN=TOP>
中央寄せ: <TD VALIGN=MIDDLE>
下 寄せ: <TD VALIGN=BOTTOM>
<TABLE BORDER=1 WIDTH=400>
<TR>
<TD ALIGN=LEFT>数字
<TD ALIGN=CENTER>漢字
<TD ALIGN=RIGHT>ひらがな
<TR>
<TD VALIGN=TOP>1
<TD VALIGN=MIDDLE>一
<TD VALIGN=BOTTOM>いち
</TABLE>
セルの間隔、余白を指定♪
@セルの間隔を指定: <TABLA CELLSPACING=20 BORDER=1>
<TABLE CELLSPACING=20 BORDER=1> ← 20ピクセル
<TR>
<TD>数字<TD>漢字<TD>ひらがな
<TR>
<TD>1<TD>一<TD>いち
</TABLE>
Aセル内の余白を指定: <TABLA CELLPADDING=20 BORDER=1>
<TABLE CELLPADDING=20 BORDER=1> ← 20ピクセル
<TR>
<TD>数字<TD>漢字<TD>ひらがな
<TR>
<TD>1<TD>一<TD>いち
</TABLE>
|
|