th要素・thタグとは

<th></th>

thタグ。table header cell を省略したもの。

テーブル(表)のセルは「見出し」と「データ」2形式の情報を含むことができる。

見出し情報はth要素、データ情報はtd要素で表現する。

セルは空(内容を含まない状態)でも良い。

HTML
<table border="1">
<caption>国語と算数の成績について</caption>
<tr>
  <th rowspan="2"></th><th colspan="2">個別平均</th><th rowspan="2">全体平均</th>
</tr>
<tr>
  <th>国語</th><th>算数</th>
</tr>
<tr>
  <th>男子</th><td>81</td><td>75</td><td>78</td>
</tr>
<tr>
  <th>女子</th><td>84</td><td>78</td><td>81</td>
</tr>
</table>

ブラウザでの表示例

テーブルの表示例

attribute(属性)について

rowspan = number
連結されるセルの行数を指定する。 デフォルト値は1。 値が”0″の場合、セルが含まれる行グループ(thead/tfoot/tbody)の最終行までが連結される。

colspan = number
連結されるセルの列数を指定する。 デフォルト値は1。 値が”0″の場合、セルが含まれる列グループ(colgroup)の最終列までが連結される。

コメントを残す

メールアドレスが公開されることはありません。