記事

<table>〜</table>

table（テーブル）要素は表組みを表します。レイアウト目的で使用するには推奨されません。

table要素は直接の子要素として、caption要素、colgroup要素、thead要素、tfoot要素、tbody要素、tr要素のみを持つことができます。また、caption要素、thead要素、tfoot要素は、1つの table要素内に 1つしか入れることができません。

table要素で使用できる属性

グローバル属性

すべてのHTML要素で使用できる属性になります。

使用例

<table>
  <caption>
    フロントエンド Web 開発者コース 2024
  </caption>
  <thead>
    <tr>
      <th scope="col">名前</th>
      <th scope="col">フロントエンド Web 開発者コースで最も興味があるのは</th>
      <th scope="col">年齢</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">メグ</th>
      <td>HTML tables</td>
      <td>22</td>
    </tr>
    <tr>
      <th scope="row">コウヤ</th>
      <td>Web accessibility</td>
      <td>45</td>
    </tr>
    <tr>
      <th scope="row">リサ</th>
      <td>JavaScript frameworks</td>
      <td>29</td>
    </tr>
    <tr>
      <th scope="row">ケント</th>
      <td>Web performance</td>
      <td>36</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th scope="row" colspan="2">平均年齢</th>
      <td>33</td>
    </tr>
  </tfoot>
</table>

表示