<tr align="★" valign="●">〜<⁄tr>

<td align="★" valign="●">〜<⁄td>

<th align="★" valign="●">〜<⁄th>

HTML 228p

セル内の文字の位置を指定するタグ。
このタグはW3C非推奨ではありませんが、できるだけCSSで制作する方がよいと思います。
下の表はそれぞれの属性について簡単に説明したものです。

  • align
    セル内の文字などを横方向に移動させるタグ。
    left(左揃え)center(中央揃え)right(右揃え)
  • valign
    セル内の文字などを縦方向に移動させるタグ。
    top(上に寄せる)middle(中央揃え)
    bottom(下に寄せる)baseline(1行目のベースラインに揃える)
 例  <table border="1">
<tr>
<th align="left" valign="top" width="100" height="100">A<⁄th>
<td align="right" valign="top" width="100" height="100">B<⁄td>
<⁄tr>
<tr>
<th align="center" valign="middle" width="100" height="100">C<⁄th>
<td align="right" valign="bottom" width="100" height="100">D<⁄td>
<⁄tr>
<⁄table>
※width="100"とheight="100"はセルの大きさを示すものでW3C非推奨なのでこのタグはほぼ使わない。

上の表をXHTML形式で表示させるとこうなります!
ここをクリック!

トップに戻る