表の入れ方
表はHTML2.0ではサポートされません。世の中には、まだHTML2.0までしか対応していないユーザーエージェント(ブラウザ)もあります。
そのため、テーブルを使うとせっかくの読者を逃がしてしまいます。
ただ、表を使った方がわかりやすく説明できる様な場面もあります。
本来の表であれば、HTML3.2以上の文書であることを断った上で使用しましょう。
また、同じ内容を表を使わずに書いておき、どちらでも読み手が選べるようにしましょう。
悪い見本が、ビジネスマネジメント科のページにもありますが、まねしないようにしましょう。
| 機種名 | 発売日 | 価格 | CPU |
|---|
| PC-H98model70-002 | 90/02 | 995000 | i386-33 |
| PC-H98model70-100 | 90/02 | 1680000 | i386-33 |
| PC-H98model60/U60-002 | 90/09 | 835000 | i386-25 |
| PC-H98model60/U60-040 | 90/09 | 995000 | i386-25 |
| PC-H98model60/U60-100 | 90/09 | 1500000 | i386-25 |
| PC-H98model100/U100 | 90/09 | 2150000 | i486-25 |
| PC-H98model80/U80-002 | 91/12 | 580000 | i486SX-16 |
| PC-H98model80/U80-040 | 91/12 | 730000 | i486SX-16 |
| PC-H98model80/U80-040W | 91/12 | 820000 | i486SX-16 |
| PC-H98model80/U80-100 | 91/12 | 830000 | i486SX-16 |
| PC-H98model90/U90-002 | 91/12 | 895000 | i486SX-25 |
| PC-H98model90/U90-040 | 91/12 | 1045000 | i486SX-25 |
| PC-H98model90/U90-100 | 91/12 | 1145000 | i486SX-25 |
| PC-H98model105/U105-100 | 92/12 | 980000 | i486DX2-66 |
| PC-H98model105/U105-300 | 92/12 | 1180000 | i486DX2-66 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>表の入れ方</title>
</head>
<body>
<table>
<tr><th>機種名</th><th>発売日</th><th>価格</th><th>CPU</th></tr>
<tr><td>PC-H98model70-002</td><td>90/02</td><td>995000</td><td>i386-33</td></tr>
<tr><td>PC-H98model70-100</td><td>90/02</td><td>1680000</td><td>i386-33</td></tr>
<tr><td>PC-H98model60/U60-002</td><td>90/09</td><td>835000</td><td>i386-25</td></tr>
<tr><td>PC-H98model60/U60-040</td><td>90/09</td><td>995000</td><td>i386-25</td></tr>
<tr><td>PC-H98model60/U60-100</td><td>90/09</td><td>1500000</td><td>i386-25</td></tr>
<tr><td>PC-H98model100/U100</td><td>90/09</td><td>2150000</td><td>i486-25</td></tr>
<tr><td>PC-H98model80/U80-002</td><td>91/12</td><td>580000</td><td>i486SX-16</td</tr>
<tr><td>PC-H98model80/U80-040</td><td>91/12</td><td>730000</td><td>i486SX-16</td></tr>
<tr><td>PC-H98model80/U80-040W</td><td>91/12</td><td>820000</td><td>i486SX-16</td></tr>
<tr><td>PC-H98model80/U80-100</td><td>91/12</td><td>830000</td><td>i486SX-16</td></tr>
<tr><td>PC-H98model90/U90-002</td><td>91/12</td><td>895000</td><td>i486SX-25</td></tr>
<tr><td>PC-H98model90/U90-040</td><td>91/12</td><td>1045000</td><td>i486SX-25</td></tr>
<tr><td>PC-H98model90/U90-100</td><td>91/12</td><td>1145000</td><td>i486SX-25</td></tr>
<tr><td>PC-H98model105/U105-100</td><td>92/12</td><td>980000</td><td>i486DX2-66</td></tr>
<tr><td>PC-H98model105/U105-300</td><td>92/12</td><td>1180000</td><td>i486DX2-66</td></tr>
</table>
</body>
</html>
各項目に罫線を入れたい場合は、<table border>とします。
| 機種名 | 発売日 | 価格 | CPU |
|---|
| PC-H98model70-002 | 90/02 | 995000 | i386-33 |
| PC-H98model70-100 | 90/02 | 1680000 | i386-33 |
| PC-H98model60/U60-002 | 90/09 | 835000 | i386-25 |
| PC-H98model60/U60-040 | 90/09 | 995000 | i386-25 |
| PC-H98model60/U60-100 | 90/09 | 1500000 | i386-25 |
| PC-H98model100/U100 | 90/09 | 2150000 | i486-25 |
| PC-H98model80/U80-002 | 91/12 | 580000 | i486SX-16 |
| PC-H98model80/U80-040 | 91/12 | 730000 | i486SX-16 |
| PC-H98model80/U80-040W | 91/12 | 820000 | i486SX-16 |
| PC-H98model80/U80-100 | 91/12 | 830000 | i486SX-16 |
| PC-H98model90/U90-002 | 91/12 | 895000 | i486SX-25 |
| PC-H98model90/U90-040 | 91/12 | 1045000 | i486SX-25 |
| PC-H98model90/U90-100 | 91/12 | 1145000 | i486SX-25 |
| PC-H98model105/U105-100 | 92/12 | 980000 | i486DX2-66 |
| PC-H98model105/U105-300 | 92/12 | 1180000 | i486DX2-66 |
問い合わせ tanioka@ishikawa-pc.ac.jp
目次へ戻る