ぱそおーるHTML講座

<TR></TR>タグ


<TR></TR>は<TABLE></TABLE>の中に行を設定するタグです。
<TR></TR>内には<TD></TD>設定する必要があります。
下を見てください。

<table border="1">
<tr>
<td>セル１</td>
<td>セル２</td>
<td>セル３</td>
<td>セル４</td>
</tr>
<tr>
<td>セル１</td>
<td>セル２</td>
<td>セル３</td>
<td>セル４</td>
</tr>
</table>


<TABLE></TABLE>内に<TR></TR>を記述した分だけ、行が増えていきます。
<TR></TR>内の<TD></TD>の数を増やせば、セルが増えていきます。
<TR></TR>にも属性があって、行単位で属性を設定します。
行単位の属性設定と言っても、行の中のセルに対して属性を設定している事になります
上のテーブルを使って属性を見ていきましょう。

属性
bgcolor : 行の色を設定します。
<tr bgcolor="aqua">
セル１ セル２ セル３ セル４
セル１ セル２ セル３ セル４

align : セル内での文字や画像の表示位置を設定します。水平方向です。
  1. left : 文字や画像が左寄せで表示されます。（デフォルト）
  2. right : 文字や画像が右寄せで表示されます。
  3. center : 文字や画像が中央寄せで表示されます。
<tr align="center">（違いを見るために表を大きくしています。）
セル１ セル２ セル３ セル４
セル１ セル２ セル３ セル４

valign : セル内での文字の表示位置を設定します。こちらは垂直方向です。
  1. top : 文字や画像は上に表示されます。
  2. middle : 文字や画像は中央に表示されます。（デフォルト）
  3. bottom : 文字や画像は下に表示されます。
  4. baseline : セル内をベースラインで揃えます。
<tr valign="bottom">（違いを見るために表を大きくしています）
セル１ セル２ セル３ セル４
セル１ セル２ セル３ セル４

セル単位で設定しても同じですが、行単位で設定すると、HTMLソースの記述が楽になります。
HOMEへ