記事

<tbody>〜</tbody>

tbody（テーブル・ボディ）要素は表組みにおける、本体部分の行グループを表します。

table要素の子要素として使用できますが、caption、colgroup、thead要素より後ろに出現しなければなりません。また、table要素の子要素となる tr要素が 1つもない場合に限り使用できます。つまり、table 要素直下に、tr要素と tbody要素が混在することはできません。

tbody要素	説明
カテゴリー	なし
コンテンツモデル	0個以上の tr 要素、およびスクリプト支援要素
使用できる場所	table 要素の子要素として。ただし、caption、colgroup、thead 要素より後ろ、かつ table 要素の子要素となる tr 要素が 1つもない場合に限る。

tbody要素で使用できる属性

グローバル属性

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

使用例

<table>
<caption>2023年度のウェブ制作費実績</caption>
  <thead>
    <tr>
      <td>項目</td>
      <td>予算</td>
      <td>支出額</td>
    </tr>
  </thead>
 <tbody>
    <tr>
      <td>給与支払い</td>
      <td>3,600,000円</td>
      <td>4,000,000円</td>
    </tr>
    <tr>
      <td>広告費</td>
      <td>1,500,000円</td>
      <td>1,300,000円</td>
    </tr>
  </tbody>
    <tfoot>
      <tr>
        <td colspan="2" style="text-align: right;">予算合計</td>
        <td>5,100,000円</td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: right;">支出額合計</td>
        <td>5,300,000円</td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: right;">支出差額</td>
        <td>&#9650;200,000円</td>
      </tr>
    </tfoot>
</table>

表示

　　　　　　　　　　　　　　

2023年度のウェブ制作費実績

項目	予算	支出額
給与支払い	3,600,000円	4,000,000円
広告費	1,500,000円	1,300,000円
予算合計		5,100,000円
支出額合計		5,300,000円
支出差額		▲200,000円