IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <th>

<th>

<tr>要素(行)内で、見出しを表示するためのセルを作成する要素です。一般的なブラウザでは、太字で表示されるようです。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N3 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
省略可 flow が何回か出現、もしくは出現しない。

・属性
属性名 必須 意味
abbr 非視覚ブラウザサポート:セルデータを省略した内容 任意のテキスト
axis 非視覚ブラウザサポート:より細かい分類を必要とする場合に記述 データに対する見出しになるセルのid値
headers 非視覚系ブラウザサポート:th要素のid属性を指定 データに対する見出しになるセルのid値
scope 非視覚ブラウザサポート:複数の行・列に対し、見出しを複数指定
row
指定したセルを含む行以下の部分の見出し情報を表す
col
指定したセルを含む列以下の部分の見出し情報を表す
rowgroup
指定したセルを含む行グループ以下の部分の見出し情報を表す
colgroup
指定したセルを含む列グループ以下の部分の見出し情報を表す
rowspan 行単位のセル結合数 数値(規定値は1)
colspan 列単位のセル結合数 数値(規定値は1)
align テキストの水平方向配置
left
左端
center
中央
right
右端
justify
両端揃え
char
char属性で指定した文字で揃える
char テキストの配置の基準となる文字 配置の基準にしたい文字(alignでchar指定時に有効)
charoff char属性の文字を基準とした距離 %かpx
valign テキストの垂直方向配置
top
上端
middle
中央
bottom
下端
baseline
ベースライン
nowrap セル内での改行を禁止 nowrap
bgcolor 背景色 色コード・色名
width 要素の幅 %かpx
height 要素の高さ %かpx
class class名 スタイルシートを設定したclass名
id id名 スタイルシートを設定したid名もしくは、任意のテキスト
title 説明文 任意のテキスト
style スタイル 任意のスタイル
lang 言語コード 例(日本語):ja
dir 読む方向
rtl
右から左に読む
ltr
左から右に読む

・イベント
イベント 仕様
onclick クリック時に発生
ondblclick ダブルクリック時に発生
onmousedown 要素上でマウスボタンを押したときに発生
onmouseup 要素上でマウスボタンを離したときに発生
onmouseover ポインティングデバイスが要素上を通過したときに発生
onmousemove ポインティングデバイスが要素上で動くと発生
onmouseout 要素の領域から出るときに発生
onkeypress 要素上でキーが押されて、要素から離れたとき発生
onkeydown 要素上でキーが押されたとき発生
onkeyup 要素上で押されたキーを離したとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <table border="1" width="400">
      <caption>表サンプル</caption>
      <tr>
        <th rowspan="2">日付</th>
        <th colspan="2">販売個数</th>
      </tr>
      <tr>
        <th>商品1</th>
        <th>商品2</th>
      </tr>
      <tr>
        <td align="center">12/2</td>
        <td align="right">5</td>
        <td align="right">12</td>
      </tr>
      <tr>
        <td align="center">12/3</td>
        <td align="right">10</td>
        <td align="right">11</td>
      </tr>
   </table>
 </body>
</html>

表示結果

表サンプル
日付 販売個数
商品1 商品2
12/2 5 12
12/3 10 11

▲PageTop

関連項目

HTML

<table> / <td> / <tr>


CSS

border / width / height / vertical-align

▲PageTop