今回は、表の作り方の基本、表の大きさを変える方法の説明をします。
この辺からテーブルタグがちょっとややこしくなってくると思いますが、テーブルタグがわかれば、ブログに表を入れることができるようになるので、がんばりましょう~(*´∀`*)
、br>
<table border width="400">を入れると、幅が広がります。
"400"の数字を変えるとその長さに変わります。
<table border height="200">を入れると、縦幅が広がります。
"200"の数字を変えるとその長さに変わります。
中央に寄せたい枠の<tr>~<tr>を、<td align=center>~<tr>にします。
centerは真ん中
rightは右
leftは左
になります。
複数の表ので、幅を400にしてみました。
複数の表ので、上の段を中央よせ、下の段は3-3だけ右寄せにしました。
<tr>を<tr align=center>に変えると、その行が全部中央よりになります。
<td>を<td align=right>に変えると、そのセルだけが右寄りになります。
何も指定がない場合は、左寄りになります。
こんな感じです~
次回は、セルの融合の仕方を紹介したいと思います~
関連カテゴリー
この辺からテーブルタグがちょっとややこしくなってくると思いますが、テーブルタグがわかれば、ブログに表を入れることができるようになるので、がんばりましょう~(*´∀`*)
、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> |
こんな感じです~
次回は、セルの融合の仕方を紹介したいと思います~
- 関連記事
-
- ブログの表の見本~テーブルタグ~
- 表(テーブル)の横に文字を書く方法
- 表の作り方~テーブルタグで表の形を変える方法~
- 表の作り方~テーブルタグの基本 表の大きさを変える方法~
- 表の作り方~テーブルタグの基本 表の数を増やす方法~
- 表の作り方~テーブルタグの基本 色を変える方法~
関連カテゴリー
コメント
コメントの投稿
トラックバック