--.--
--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

05.05
Fri
・テーブルをつかう


■ テーブル内の位置を変える3


前回は、テーブル内のタテ位置を変えるを学びました。
今回は、テーブル内のヨコ位置を変える方法を学んでいきましょう。


テーブル内の位置を変えるときは「align」属性と「valign」属性をつかいます。
今回はヨコの位置を変える「align」属性をつかってみましょう。


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



たとえばこの例をみてください。


align="left"」としたとき:




●文章や画像をいれる
□文章や画像をいれる
▲文章や画像をいれる

(「<table border="1">
<tr><td align="left">●文章や画像をいれる</td></tr>
<tr><td align="left">□文章や画像をいれる</td></tr>
<tr><td align="left">▲文章や画像をいれる</td></tr>
</table>」と入力)

align="center"」としたとき:






(「<table border="1">
<tr><td ailgn="center">●</td></tr>
<tr><td align="center">□</td></tr>
<tr><td align="center">▲</td></tr>
</table>」と入力)

align="right"」としたとき:






(「<table border="1">
<tr><td align="right">●</td></tr>
<tr><td align="right">□</td></tr>
<tr><td align="right">▲</td></tr>
</table>」と入力)



↑解りやすいようにテーブルの大きさを変更しています。

このように文字のタテの位置を変えることができました。
次回はヨコ・タテの位置を同時に変えてみます。
関連記事
スポンサーサイト

comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/156-46f8511f
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 37サイト掲載中

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。