【HTML】theadタグでテーブルのヘッダーを定義する方法

theadHTML
書いてる人
あいりゅー

プログラミングを学びながら更新しています。
iPhone/iPad/Mac/Apple WatchなどのApple製品はこちらで主に更新しています。
麻雀の反省をひたすら掲載してるブログもやってます。

あいりゅーをフォローする

このページについて

このページではHTMLで使えるtheadの使い方を解説しています。

tableタグを生成することができるページを公開しました。まだ色々と機能不足で基礎的なコードしか生成できませんが、今後もちまちま更新予定です。

tableタグ生成ページ

theadタグ

theadはtableタグの中で使うタグで、そのテーブルのヘッダーを定義する機能を持っています。

他にはヘッダーのthead、ボディ部分を定義するtbodyタグ、フッター部分を定義するtfootタグの全3種類があります。それぞれ書く順番も決まっているので、以下で紹介します。

theadタグの書き方

theadはtableタグの真下に書きます。HTMLにおけるheadタグ、bodyタグ、footerタグと同じ順番で書く必要があります。

<table>
<thead><tr><th>部品名</th><th>個数</th></tr></thead>
<tbody><tr><td>○○</td><td>2</td></tr></tbody>
<tfoot><tr><td>部品名</td><td>個数</td></tr></tfoot>
</table>

上から順番にヘッダー→ボディ→フッターの順に並べます。

theadタグで使える属性

theadはグローバル属性・イベント属性の2つをサポートしています。固有の属性などはありません。

HTMLの基礎
HTMLってどんな言語?書き方やHTMLファイルの作成方法などを解説。
HTMLタグで押さえておきたいポイント3選
HTMLタグを使う上で必ず押さえておいてほしいポイント3つの解説です。
HTMLタグと属性一覧
HTMLタグと属性の一覧です。
tableタグ生成ページ
tableタグの基本形を生成できるページです。
ulタグ・olタグ生成ページ
ulタグolタグの基本形を生成できるページです。
タイトルとURLをコピーしました