テーブル内の文字を横配置を設定するには、alignタグをつかいます。

tdまたはthタグの横にalign="●●●"と入力し横配置の命令をおこなう。

●の中にはテーブル内の文章をどこに揃えるか指定する。


指定の値は、次のようなものがある。

right（右寄）、center(中央)、left(左寄)など。

それでは、横サイズ300pxのテーブル内で、これら横配置タグを使ってみますね。

サンプルタグ1

宇宙人だ！

<table width="300px" border="1"> <tr> <td align="right">宇宙人だ！</td> </tr> </table>


サンプルタグ2

地球人だ！

<table width="300px" border="1"> <tr> <td align="center">地球人か！</td> </tr> </table>


サンプルタグ3

火星人か！

<table width="300px" border="1"> <tr> <td align="left">火星人か！</td> </tr> </table>




テーブル内の文字を縦配置を設定するには、valignタグをつかいます。

trタグの横にvalign="●●●"と入力し縦配置の命令をおこなう。

●の中にはテーブル内の文章をどこに揃えるか指定する。


指定の値は、次のようなものがある。

top（上揃）、middle(中央)、bottom(下揃)など。

それでは、縦サイズ200pxのテーブル内で、これら横配置タグを使ってみますね。

サンプルタグ1

宇宙人だ！

<table height="200px" border="1"> <tr valign="top"><td>宇宙人だ！</td></tr> </table>


サンプルタグ2

地球人だ！

<table height="200px" border="1"> <tr valign="middle"><td>地球人か！</td></tr> </table>


サンプルタグ3

火星人か！

<table height="200px" border="1"> <tr valign="bottom"><td>火星人か！</td></tr> </table>

• まずはじめに
• テーブル基礎
• テーブルのカラー
• テーブルに画像貼り付け
• テーブルのサイズ
• テーブルの文字配置

• テーブルタグ講座
• ホームページ素材箱トップへもどる