★テーブルタグ
続いて、<TABLE>タグについて説明していきます。表を作るためのタグですが、ページのレイアウトに使うとかなり便利です。これは必ず覚えたほうがいいでしょう。
☆ タグの使用例 PART 1
<TABLE>
<TR><TD>Quantum</TD><TD>WesternDigital</TD></TR>
<TR><TD>Maxtor</TD><TD>Seagate</TD></TR>
</TABLE>
実際の表示 PART1
| Quantum | WesternDigital |
| Maxtor | Seagate |
ちなみにBORDERというのは表の枠の表示・非表示を決めます。
☆ タグの使用例 PART 2
<TABLE BORDER="0">
<TR><TD>Quantum</TD><TD>WesternDigital</TD></TR>
<TR><TD>Maxtor</TD><TD>Seagate</TD></TR>
</TABLE>
赤い部分が変えたところです。
実際の表示 PART 2
| Quantum | WesternDigital |
| Maxtor | Seagate |
罫線がなくなりました。<BORDER="0">
|
☆ タグの使用例 PART 3
<TABLE BORDER="1" CELLSPACING="10">
<TR><TD>10GB HDD</TD><TD>\50,000</TD></TR>
<TR><TD>20GB HDD</TD><TD>\90,000</TD></TR>
</TABLE>
赤い部分が変えたところです。
実際の表示 PART 3
| 10GB HDD | \50,000 |
| 20GB HDD | \90,000 |
罫線の幅が10ピクセル <CELLSPACING="10">
|
☆ タグの使用例 PART 4
<TABLE BORDER="1" CELLPADING="10">
<TR><TD>10GB HDD</TD><TD>\50,000</TD></TR>
<TR><TD>20GB HDD</TD><TD>\90,000</TD></TR>
</TABLE>
赤い部分が変えたところです。
実際の表示 PART 4
| 10GB HDD | \50,000 |
| 20GB HDD | \90,000 |
セル内の間隔が10ピクセル <CELLPADDING="10">
|
☆ タグの使用例 PART 5
<TABLE BORDER="1" WIDTH="100%">
<TR><TD>10GB HDD</TD><TD>\50,000</TD></TR>
<TR><TD>20GB HDD</TD><TD>\90,000</TD></TR>
</TABLE>
赤い部分が変えたところです。
実際の表示 PART 5
| 10GB HDD | \50,000 |
| 20GB HDD | \90,000 |
表の横幅がウィンドウに対して100％に表示されます。
|
☆ タグの使用例 PART 6
<TABLE BORDER="1" WIDTH="100%">
<TR><TD ALIGN="CENTER">10GB HDD</TD><TD ALIGN="LEFT">\50,000</TD></TR>
<TR><TD ALIGN="CENTER">20GB HDD</TD><TD ALIGN="RIGHT">\90,000</TABLE>
赤い部分が変えたところです。
実際の表示 PART 6
| 10GB HDD | \50,000 |
| 20GB HDD | \90,000 |
セル内のテキストの位置を指定することによって、それぞれ左寄せ、センタリング、右寄せ表示になります。
|
☆ タグの使用例 PART 7
<TABLE BORDER="1" WIDTH="50%">
<TR><TH COLSPAN="2">行ってみたい海外ベスト</TH></TR>
<TR><TD>フランス</TD><TD>アメリカ</TD></TR>
<TR><TD>オーストラリア</TD><TD>タヒチ</TD></TR>
</TABLE>
赤い部分が変えたところです。
実際の表示 PART7
| 行ってみたい海外ベスト |
| フランス |
アメリカ |
| オーストラリア |
タヒチ |
セルが2列分のセルをまたぐ表を作る時。（表のサイズを50％に設定）
<TH></TH>
セル内のテキストは太字（Bold）表記となり、セル内の中央に表示されます。
|
☆ タグの使用例 PART 8
<TABLE BORDER="1" WIDTH="400">
<TR><TH>ハワイのお土産ベスト</TH><TH>平均購入年齢</TH></TR>
<TR><TD>ハワイまんじゅう</TD><TD ROWSPAN="2">25.5歳？</TD></TR>
<TR><TD>ハワイせんべい</TD></TR>
<TR><TD>ハワイもなか</TD><TD>35.5歳？</TD></TR>
</TABLE>
赤い部分が変えたところです。
実際の表示 PART 8
| ハワイのお土産ベスト | 平均購入年齢 |
| ハワイまんじゅう | 25.5歳？ |
| ハワイせんべい |
| ハワイもなか | 35.5歳？ |
セルが２行分のセルをまたぐ表を作る時。（表のサイズを400ピクセルに設定）
|
|
|
