楽天広場HTML講座・テーブルの位置を指定する

2006.07.16

テーマ：ホームページ作成の悩み(545)

カテゴリ：HTMLタグ（テーブル）

・テーブルをつかう

■ テーブルの位置を指定する

前回は、テーブルの大きさを指定する方法についてでした。
今回は、テーブルの位置を設定してみましょう。

テーブルの位置を変えるときは「align」属性をつかいます。

属性値には「left」「center」「right」のいずれかをいれます。

例：

「left」を入れた例：

●	○
□	■

→

（「<table border="1" align="left">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr></table>」
と入力）

↓　
「center」を入れた例：
　

●	○
□	■

→

（「<table border="1" align="center">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr></table>」
と入力）

「right」を入れた例：

●	○
□	■

→

（「<table border="1" align="right">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr></table>」
と入力）

この「align」属性をテーブルに指定すると、テーブルのヨコに文章をもってくることもできるのです。
これは便利なのでぜひオススメ！

例：

「left」を入れた例：

●	○
□	■

このように文章をヨコにもってくることができました。

↓

（「<table border="1" align="left">
<tr><td>●</td><td>○</td></tr><tr><td>□</td><td>■</td></tr>
</table>このように文章をヨコにもってくることができました。」と入力）

[トップページへ戻る]

[次のページ⇒]

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.21 07:31:17

[HTMLタグ（テーブル）] カテゴリの最新記事