テーブルを作成する
ウェブサイトで表を表示させるには <table>タグと<th>、<tr>および<td>タグを使ってテーブルを作成します。ブログでも使えます。各タグの役割は、おおむね次のようになります。
| <table> | テーブルを宣言します |
| <th> | 見出しのセルの<td>の代わりに使用します |
| <tr> | 行を表します |
| <td> | セルを表します |
実例でご説明します。
| 便名 | 羽田発 | 那覇着 |
|---|---|---|
| JAL1901 | 06:15 | 08:45 |
| JAL1905 | 08:10 | 10:40 |
| JAL1909 | 09:05 | 11:35 |
このテーブルのソースは下記のようになります。
<table border="1">
<tr><th>便名</th><th>羽田発</th><th>那覇着</th></tr>
<tr><td>JAL1901</td><td>06:15</td><td>08:45</td></tr>
<tr><td>JAL1905</td><td>08:10</td><td>10:40</td></tr>
<tr><td>JAL1909</td><td>09:05</td><td>11:35</td></tr>
</table>
<tr><th>便名</th><th>羽田発</th><th>那覇着</th></tr>
<tr><td>JAL1901</td><td>06:15</td><td>08:45</td></tr>
<tr><td>JAL1905</td><td>08:10</td><td>10:40</td></tr>
<tr><td>JAL1909</td><td>09:05</td><td>11:35</td></tr>
</table>
始めと終わりがテーブルの開始<table>と終了</table>タグで囲まれています。border="1" は、枠の太さを指定しています。
その中に、行の開始<tr>と終了</tr>タグが、行の数（この場合 4行なので 4回）だけ入れ子になっています。
さらにその中に、セルの開始<td>と終了</td>タグが、セルの数（この場合 3つなので 3回）だけ入れ子になっています。
ただし、1行目は見出し行なので、<td>や</td>の代わりに<th>および</th>が使われています。
<td>の代わりに<th>を使用したセルは見出しとみなされ、ほとんどのブラウザでは太字、中揃えで表示されます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス