表の作り方~テーブルタグの基本 表の大きさを変える方法~
今回は、表の作り方の基本、表の大きさを変える方法の説明をします。

この辺からテーブルタグがちょっとややこしくなってくると思いますが、テーブルタグがわかれば、ブログに表を入れることができるようになるので、がんばりましょう~(*´∀`*)
、br>

表の作り方~テーブルタグの作成その(3)表の大きさを変える~


基本のテーブルタグです

<table border>
<tr>
<td>基本のテーブルタグです</td>
</tr>
</table>





枠を横に広げます


<table border width="400">を入れると、幅が広がります。
"400"の数字を変えるとその長さに変わります。

<table border width="400">
<tr>
<td>枠を横に広げます</td>
</tr>
</table>





枠を縦に広げます


<table border height="200">を入れると、縦幅が広がります。
"200"の数字を変えるとその長さに変わります。

<table border height="200">
<tr>
<td>枠を縦に広げます</td>
</tr>
</table>





枠を横に広げて中央に文字


中央に寄せたい枠の<tr>~<tr>を、<td align=center>~<tr>にします。
centerは真ん中
rightは右
leftは左
になります。
<table border width="400">
<tr>
<td align=center>枠を横に広げて中央に文字</td>
</tr>
</table>





1-1 2-2
3-3 4-4


複数の表ので、幅を400にしてみました。

<table border width="400">
<tr>
<td>1-1</td>
<td>2-2</td>
</tr>
<tr>
<td>3-3</td>
<td>4-4</td>
</tr>
</table>





1-1 2-2
3-3 4-4


複数の表ので、上の段を中央よせ、下の段は3-3だけ右寄せにしました。
<tr><tr align=center>に変えると、その行が全部中央よりになります。
<td><td align=right>に変えると、そのセルだけが右寄りになります。
何も指定がない場合は、左寄りになります。

<table border width="400">
<tr align=center>
<td>1-1</td>
<td>2-2</td>
</tr>
<tr>
<td align=right>3-3</td>
<td>4-4</td>
</tr>
</table>





こんな感じです~
次回は、セルの融合の仕方を紹介したいと思います~

関連記事


関連カテゴリー
表の作り方 Trackback:(0) | Comments:(0) | [編集] | 投稿者 kyaro ri
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)



Copyright © 子育てしながらお小遣い稼ぎ ネットで内職 All Rights Reserved. Powered By FC2. 
skin:*cuteblog*    美容用品 /妊娠.出産