HTML 概要





7.11 キャプション表示

[例1]
キャプションを表の上に表示する。
<table border>
 <caption>表1</caption>
 <tr>
  <th colspan="2">項目1</th>
 </tr>
 <tr>
  <td>データ1</td>
  <td>データ2</td>
 </tr>
</table>

表1
項目1
データ1 データ2


[例2]
キャプションを表の下に表示する。
<table border>
 <caption align="bottom">表2</caption>
 <tr>
  <th colspan="2">項目2</th>
 </tr>
 <tr>
  <td>データ3</td>
  <td>データ4</td>
 </tr>
</table>

表2
項目2
データ3 データ4











7.12 色の指定

[例1]
表全体に色を付ける。
<table border bgcolor="#e0c0f0">
 <tr>
  <th colspan="3">項目</th>
 </tr>
 <tr>
  <td>データ1</td>
  <td>データ2</td>
  <td>データ3</td>
 </tr>
</table>

項目
データ1 データ2 データ3


[例2]
表の特定のセルに色を付ける。
<table border>
 <tr>
  <th colspan="3">項目2</th>
 </tr>
 <tr>
  <td>データ1</td>
  <td bgcolor="#ffff66">データ2</td>
  <td>データ3</td>
 </tr>
</table>

項目
データ1 データ2 データ3