テーブルタグ1
基本中の基本
＜例＞
基本構造
<TABLE BORDER> <TR><TD>基本構造</TD></TR> </TABLE>
セルを増やす
＜例＞
セル１
セル２
<TABLE BORDER> <TR> <TD>セル１</TD> <TD>セル２</TD> </TR> </TABLE>
行を増やす
＜例＞
文１
文２
<TABLE BORDER> <TR><TD>文１</TD></TR> <TR><TD>文２</TD></TR> </TABLE>
セル＆行を増やす
＜例＞
一行目 文１
一行目 文２
二行目 文１
二行目 文２
<TABLE BORDER> <TR><TD>一行目 文１</TD><TD>一行目 文２</TD></TR> <TR><TD>二行目 文１</TD><TD>二行目 文２</TD></TR> </TABLE>
チョット複雑
＜例＞
文１
文２
文３
<TABLE BORDER> <TR><TD>文１</TD></TR> <TR><TD ROWSPAN="2">文２</TD></TR> <TR><TD>文３</TD></TR> </TABLE>
チョット複雑２
＜例＞
文１
文２
文３
<TABLE BORDER> <TR><TD COLSPAN="2">文１</TD></TR> <TR><TD >文２</TD> <TD>文３</TD></TR> </TABLE>
表の大きさを設定する
＜例＞
文１
文２
文３
文４
<TABLE BORDER WIDTH="400" HEIGHT="80"> <TR><TD>文１ </TD><TD>文２</TD></TR> <TR><TD>文３</TD><TD>文４</TD></TR> </TABLE>
高さの設定
＜例＞
ここに文1
ここに文2
<TABLE BORDER HEIGHT="100"> <TR><TD HEIGHT="30">ここに文1</TD></TR> <TR><TD HEIGHT="70%">ここに文2</TD></TR> </TABLE>
見出し項目
見出し項目は、<TD></TD>を<TH></TH>に置き換える
＜例＞
見出し１
見出し２
見出しＡ
文１
文２
見出しＢ
文３
文４
<TABLE BORDER> <TR><TH> </TH><TH>見出し１</TH><TH>見出し２</TH></TR> <TR><TH>見出しＡ</TH><TD>文１</TD><TD>文２</TD></TR> <TR><TH>見出しＢ</TH><TD>文３</TD><TD>文４</TD></TR> </TABLE>
セル内の文字の位置１
＜例＞
左寄せ
中央
右寄せ
<TABLE BORDER="1" WIDTH="400" HEIGHT="100"> <TR> <TD ALIGN="left">左寄せ</TD> <TD ALIGN="center">中央</TD> <TD ALIGN="right">右寄せ</TD> </TR> </TABLE>
セル内の文字の位置２
＜例＞
上部
中央
下部
<TABLE BORDER="1" WIDTH="400" HEIGHT="100"> <TR> <TD VALIGN="top">上部</TD> <TD VALIGN="middle">中央</TD> <TD VALIGN="bottom">下部</TD> </TR> </TABLE>
セル内の文字の位置３
＜例＞
上部
中央
下部
<TABLE BORDER="1" WIDTH="400" HEIGHT="100"> <TR ALIGN="center"> <TD VALIGN="top">上部</TD> <TD VALIGN="middle">中央</TD> <TD VALIGN="bottom">下部</TD> </TR> </TABLE>
＜例＞
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
