現在地: Home » 初級ホームページ作成講座：目次 » 文字の配置

文字の配置

  1. 水平方向の配置について
  2. 水直方向の配置について
  3. 配置の組み合わせ

文字やデータは<table>の中の<td>に入力するわけですから、<td>に指定してやります。

文字を中央寄せにする

文字 
<table border="1">
<tr>
<td align="center">文字</td>
</tr>
</table>

▲Top

文字を右寄せにする

文字 
<table border="1">
<tr>
<td align="right">文字</td>
</tr>
</table>

▲Top

文字を左寄せにする

文字 
<table border="1">
<tr>
<td align="left">文字</td>
</tr>
</table>

▲Top

文字を中央寄せにする

文字 
<table border="1">
<tr>
<td valign="middle">文字</td>
</tr>
</table>

▲Top

文字を上寄せにする

文字 
<table border="1">
<tr>
<td valign="top">文字</td>
</tr>
</table>

▲Top

文字を下寄せにする

文字 
<table border="1">
<tr>
<td valign="bottom">文字</td>
</tr>
</table>

▲Top

配置の組み合わせ

参考までに

配置の組み合わせ表
  右寄 中央 左寄
上 <td align="right" valign="top"> <td align="center" valign="top"> <td align="left" valign="top">
中央 <td align="right" valign="middle"> <td align="center" valign="middle"> <td align="left" valign="middle">
下 <td align="right" valign="bottom"> <td align="center" valign="bottom"> <td align="left" valign="bottom">

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース