テーブルタグ6

テーブルの表示位置

テーブルの位置を指定するのが、align属性です。なお、位置の指定には、下記のcenterの他にleft、lightがあります。

<table border="1" align="center">
<tr>
<td>1番目</td>
<td>2番目</td>
<td>3番目</td>
</tr>
</table>

例

1番目

2番目

3番目

セル内の横の位置指定

セル内に入れたテキストや画像の横の位置指定をするには、<td>タグにalign属性を入力します。位置は、left、center、rightの3つで、指定しない場合は左揃えになります。
なお、<tr>タグにalign属性を入れて、その行全体に適用することも可能です。

<table width="300" border="1">
<tr>
<td align="left">1番目</td>
<td align="center">2番目</td>
<td align="right">3番目</td>
</tr>
<tr align="center">
<td>4番目</td>
<td>5番目</td>
<td>6番目</td>
</tr>
</table>

例

1番目	2番目	3番目
4番目	5番目	6番目

セル内の縦の位置指定

セル内に入れたテキストや画像の縦の位置指定をするには、<td>タグにvalign属性を入力します。位置は、top、middle、bottom、baselineの4つで、指定しない場合は中央揃えになります。

<table height="200" border="1">
<tr>
<td valign="top">1番目</td>
<td valign="middle">2番目</td>
<td valign="bottom">3番目</td>
<td valign="baseline">4番目</td>
</tr>
</table>

例

1番目

2番目

3番目

4番目