|
 |
 |
表の行 <TR>
表の行は<TR>属性で定義できます。この行の中に<TD>タグや<TH>タグで定義されたセルが並べられます。
| 属性 |
値 |
機能 |
記述例 |
| bgcolor |
色 |
背景色 |
<TR bgcolor="red"> |
| background |
画像 |
背景画像 |
<TR background="a.gif"> |
| align |
left
center
right |
左揃え(初期値)
セルの内容を中央揃え
セルの内容を右揃え |
<TR align="left">
<TR align="center">
<TR align="right"> |
| valign |
top
middle
bottom
baseline |
セルの内容を上揃え
中央揃え(初期値)
セルの内容を下揃え
ベースラインに揃える |
<TR valign="top">
<TR valign="middle">
<TR valign="bottom">
<TR valign="baseline"> |
サンプル
表の行
| セルを右揃えにします |
背景を青にします |
| セルを下揃えにします |
背景を赤にします |
|
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。
<H2>表の行</H2>
<BR>
<TABLE border="1" width="80%" height="100">
<TR align="right" bgcolor="blue">
<TD>セルを右揃えにします</TD><TD>背景を青にします</TD>
</TR>
<TR valign="bottom" bgcolor="red">
<TD>セルを下揃えにします</TD><TD>背景を赤にします</TD>
</TR>
</TABLE> |
解説・注意点など
表のレイアウトは、<TR>タグだけでなく、<TABLE>タグや<TD>タグなど様々タグが関係してきます。
少し複雑ですので慣れるまで大変だと思います。
← HTMLタグリファレンス/Tipsに戻る
|
 |
|