HTML5における表

表を作成するためのHTML要素

このページをシェア

新着！ 44ページの電子書籍「CSS in 44 minutes」がリリースされました！ 😃

今すぐ入手 →

# caption

<table>のタイトルを定義します。

例: コピー

ビートルズ
ジョン・レノン リズムギター
ポール・マッカートニー ベース
ジョージ・ハリスン リードギター
リンゴ・スター ドラム 
<table>
  <caption>The Beatles</caption>
  <tr>
    <td>John Lennon</td>
    <td>Rhythm Guitar</td>
  </tr>
  <tr>
    <td>Paul McCartney</td>
    <td>Bass</td>
  </tr>
  <tr>
    <td>George Harrison</td>
    <td>Lead Guitar</td>
  </tr>
  <tr>
    <td>Ringo Starr</td>
    <td>Drums</td>
  </tr>
</table>

# table

表形式データのコンテナを定義します。

例: コピー

名前 楽器
名前 楽器
ジョン・レノン リズムギター
ポール・マッカートニー ベース
ジョージ・ハリスン リードギター
リンゴ・スター ドラム 
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>John Lennon</td>
      <td>Rhythm Guitar</td>
    </tr>
    <tr>
      <td>Paul McCartney</td>
      <td>Bass</td>
    </tr>
    <tr>
      <td>George Harrison</td>
      <td>Lead Guitar</td>
    </tr>
    <tr>
      <td>Ringo Starr</td>
      <td>Drums</td>
    </tr>
  </tbody>
</table>

# tbody

表の行<tr>のグループを定義します。

例: コピー

名前 楽器
名前 楽器
ジョン・レノン リズムギター
ポール・マッカートニー ベース
ジョージ・ハリスン リードギター
リンゴ・スター ドラム 
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>John Lennon</td>
      <td>Rhythm Guitar</td>
    </tr>
    <tr>
      <td>Paul McCartney</td>
      <td>Bass</td>
    </tr>
    <tr>
      <td>George Harrison</td>
      <td>Lead Guitar</td>
    </tr>
    <tr>
      <td>Ringo Starr</td>
      <td>Drums</td>
    </tr>
  </tbody>
</table>

# td

表のセルを定義します。 <tr>の直接の子要素である必要があります。

例: コピー

colspan

セルがいくつの列にまたがるかを定義します。

"3"

任意の整数を使用できます。

rowspan

セルがいくつの行にまたがるかを定義します。

"2"

任意の整数を使用できます。

# tfoot

<table>の末尾に表の行<tr>のグループを定義します。

例: コピー

名前 楽器
名前 楽器
ジョン・レノン リズムギター
ポール・マッカートニー ベース
ジョージ・ハリスン リードギター
リンゴ・スター ドラム 
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>John Lennon</td>
      <td>Rhythm Guitar</td>
    </tr>
    <tr>
      <td>Paul McCartney</td>
      <td>Bass</td>
    </tr>
    <tr>
      <td>George Harrison</td>
      <td>Lead Guitar</td>
    </tr>
    <tr>
      <td>Ringo Starr</td>
      <td>Drums</td>
    </tr>
  </tbody>
</table>

# th

表のヘッダーを定義します。 <tr>の直接の子要素である必要があります。

例: コピー

colspan

セルがいくつの列にまたがるかを定義します。

"3"

任意の整数を使用できます。

rowspan

セルがいくつの行にまたがるかを定義します。

"2"

任意の整数を使用できます。

# thead

<table>の先頭に表の行<tr>のグループを定義します。

例: コピー

名前 楽器
名前 楽器
ジョン・レノン リズムギター
ポール・マッカートニー ベース
ジョージ・ハリスン リードギター
リンゴ・スター ドラム 
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>John Lennon</td>
      <td>Rhythm Guitar</td>
    </tr>
    <tr>
      <td>Paul McCartney</td>
      <td>Bass</td>
    </tr>
    <tr>
      <td>George Harrison</td>
      <td>Lead Guitar</td>
    </tr>
    <tr>
      <td>Ringo Starr</td>
      <td>Drums</td>
    </tr>
  </tbody>
</table>

# tr

表の行を定義します。

例: コピー