HTML - タグ - 講座 - 入門 - ホームページ - ビギナーズガイド - 初心者 

位置

質問があればお気軽に質問掲示板に質問してくださいね。

<table align="option">
　option = left , center , right

テーブルも位置を変化させられます。
そのために上記のように記述します。
そうすることで、テーブルが左・中・右に動きます。

左（デフォルト）


真ん中


右ですよ


ソース（一部省いています）
左寄せしてあるテーブル
<table align="left">
<tr><td>
左（デフォルト）
</td></tr></table>

中央寄せしてあるテーブル
<table align="center">
<tr><td>
左（デフォルト）
</td></tr></table>

右寄せしてあるテーブル
<table align="right">
<tr><td>
左（デフォルト）
</td></tr></table>



<td valign="option" align="option2">
　option = top , center , bottom
　option2 = left , center , right

テーブル全体だけでなく、中身も位置指定できます。

左寄せ・上揃え 中央寄せ・上揃え 右寄せ・上揃え
左寄せ・中央揃え 中央寄せ・中央揃え 右寄せ・中央揃え
左寄せ・下揃え 中央寄せ・下揃え 右寄せ・下揃え


ソース（一部省いています）
<table>
<tr>
<td align="left" valign="top">
左寄せ・上揃え
</td>
<td align="center" valign="top">
中央寄せ・上揃え
</td>
<td align="right" valign="top">
右寄せ・上揃え
</td></tr>
<tr>
<td align="left" valign="center">
左寄せ・中央揃え
</td>
<td align="center" valign="center">
中央寄せ・中央揃え
</td>
<td align="right" valign="center">
右寄せ・中央揃え
</td></tr>
<tr>
<td align="left" valign="bottom">
左寄せ・下揃え
</td>
<td align="center" valign="bottom">
中央寄せ・下揃え
</td>
<td align="right" valign="bottom">
右寄せ・下揃え
</td>
</tr></table>