犬と子供と田舎暮らし・・・子育て犬育て

犬と子供と田舎暮らし・・・子育て犬育て

タグで表を使ってみよう！

表のタグの基本
<TABLE><TR><TD>～</TD></TR></TABLE>
表の基本形
<TABLE border="1">
””の間の数字で線の太さを決める。無なら０
BORDERCOLOR=" #ff0066 "
””の間に＃カラー数（１６進数）
他の色の番号（？）は、カラーチャートで検索すれば
簡単に出てきます。
実際　線で使うことよりセルの背景で使うことの方が多いでしょうから
とりあえず
セルの背景で使いそうなのを書いておきます。
セルの背景色<TD bgcolor=" #cc0000 ">
　　　<TD bgcolor="#ffcccc">
<TD bgcolor="#cc0000">
<TD bgcolor="#ffffcc">
<TD bgcolor="#ffff00">
<TD bgcolor="#ccffcc">
<TD bgcolor="#006666">
　　<TD bgcolor="#ccffff">
<TD bgcolor="#00cccc">
　　<TD bgcolor="#ccccff">
<TD bgcolor="#000099">
白<TD bgcolor="#ffffff">
<TD bgcolor="#000000">
<TD bgcolor="#cccccc">
　<TD bgcolor="#666666">
<TABLE border="20">
<TBODY>
<TR>
<TD>☆★☆</TD>
</TR>
</TBODY>
</TABLE>
☆★☆
<TABLE border="4">
<TBODY>
<TR>
<TD>☆</TD><TD>○</TD>
</TR>
</TBODY>
</TABLE>
☆
○
<TABLE border="1">
<TBODY>
<TR>
<TD>☆</TD>
</TR>
<TR>
<TD>★</TD>
</TR>
</TBODY>
</TABLE>
☆
★

表の中での文字の寄せ
<TD align="left">左</TD>
左
<TD align="center">中央</TD>
中央
<TD align="right">右</TD>
右
<TD valign="top">上</TD>
上
<TD valign="middle">中央</TD>
中央
<TD valign="bottom">下</TD>
下
<TD valign="middle" align="center">応用中央</TD>
応用中央
<TD align="right" valign="bottom">応用右下</TD>
応用右下
<CENTER></CENTER>で囲むことによって表を中央に配置できる。
<center>中央</center>　ページ全体を中央ぞろえさせる。
<TD></TD>　横に表を増やしてく
<TH>★</TH>　中の文字を強調（太字）
<TR></TR>　縦に増やす
だが必ず→<TD></TD>間に入る。
<TR><TD></TD></TR>　　こんな感じ
ページ全体
<TBODY valign="top">　　　上付き
<TBODY valign="middle">　 中央
<TBODY valign="bottom">　 下付き
<TABLE
 BORDER=3 WIDTH= 400>
線の太さ 表の幅 ピクセルならそのまま数字
％をつけると全体から比率で表示される。
<TD colspan="2">▲</TD> 　　 表が上下２つにまたがる
○
●
□■
<CENTER><TABLE border="1">
<TBODY>
<TR>
<TD valign="middle" align="center">○</TD>
<TD valign="middle" align="center">●</TD>
</TR>
<TR>
<TD colspan="2" valign="middle" align="center">□■</TD>
</TR>
</TBODY>
</TABLE></CENTER>
<TD colspan="3">■▲</TD>　　表が上下３つにまたがる
○
●▲■
△
□
<TABLE border="1">
<TBODY>
<TR>
<TD valign="middle" align="center">○</TD>
<TD valign="middle" align="center" rowspan="3">●▲■</TD>
</TR>
<TR>
<TD valign="middle" align="center">△</TD>
</TR>
<TR>
<TD>□</TD>
</TR>
</TBODY>
</TABLE>
<TABLE border="4">
<TBODY>
<TR>
<TH colspan="3">☆</TH>
<TH rowspan="2">▽</TH>
</TR>
<TR>
<TD>○</TD>
<TD>△</TD>
<TD>□</TD>
</TR>
</TBODY>
</TABLE>
☆
▽
○
△
□
表の中の表
<TABLE border="1">
<TBODY>
<TR>
<TD>☆</TD><TD valign="middle" align="center">
<TABLE border="3" BORDERCOLOR=" #ff0066 " >
<TBODY>
<TR>
<TD>☆</TD>
</TR>
<TR>
<TD>★</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
☆
☆
★


<TABLE border="3" BORDERCOLOR=" #ff0066 " >
線の色 BORDERCOLOR=""

 太字 が、中の表のタグです。

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: