ホーム>HTMLリファレンス(アルファベット検索)><th>タグ
<th>…表の見出しセルを作成する
使用タグ
|
<th 属性="属性値">〜</th> |
開始タグと 終了タグ |
両方必須 |
内容となる 要素 |
ブロック要素、インライン要素、テキスト
|
|
|
解説
<th>タグを使えば、表(テーブル)の<tr>タグの中で、見出し用のセルを作成することができます。
表の作成の基本は、<table>〜</table>の中に<tr>、<tr>〜<tr>(表の行を定義)の中に、<th>(見出しセル)または、<td>(データ用セル)を記述します。
また、主なブラウザでは、<th>タグ内に記述された文字が太字で表示され、中央揃えで表示されます。
|
属性と働き
属性 |
働き |
指定できる値 |
width="横幅" |
セルの横幅を指定できます |
ピクセルを表す整数、パーセンテージを指定できます |
height="高さ"
ブラウザ独自の属性
CSSでの指定…height |
セルの高さを指定できます |
ピクセルを表す整数、パーセンテージを指定できます |
align="横方向の配置" |
セルの中の文字の横方向の配置を指定できます |
「left」:左揃え 「center」:中央揃え 「right」:右揃え
「justify」:両端揃え
「char」:char 属性で指定した文字揃え |
valign="縦方向の配置" |
セルの中の文字の縦方向の配置を指定できます |
「top」:上揃え
「middle」:中央揃え
「bottom」:下揃え
「baseline」:ベースライン揃え |
colspan="縦の列数" |
複数の列を値の数の分連結することができます |
連結させる列の数 |
rowspan="行数" |
複数の行を値の数の分連結することができます |
連結させる行の数 |
bgcolor="色" 非推奨
CSSでの指定…background-color |
背景色を指定できます |
色名やカラーコード(16進数)などを指定する |
background="URL"
ブラウザ独自の属性
CSSでの指定…background-image |
背景画像を指定できます |
URL |
nowrap="nowrap"
非推奨
CSSでの指定…white-space |
行の背景色を指定できます |
nowrap |
abbr="文字列" |
セルの内容の省略情報を記述します。
音声ブラウザなどの環境に配慮した属性で、音声ブラウザがセルの概要の読み上げする場合に役立ちます。
大抵は<th>で使用します。 |
テキスト |
axis="文字列" |
セルを分類するための文字を指定できます。
音声ブラウザなどの環境に配慮した属性で、そのセルが何に分類されているかを示すことができます。 |
テキスト |
headers="ID名" |
このセルに対応する見出し用のセルを、id 属性で指定します。
音声ブラウザなどの環境に配慮した属性で、そのセルがどの見出しセルに対応しているかを示すことができます。 |
対応するセルのID名を指定 |
scope="方向" |
見出しセルに指定し、そのセルが縦、もしくは横のどの方向のセルのデータセルに対しての見出しであるかを指定することができます。
音声ブラウザなどの環境に配慮した属性です。 |
「row」:行方向
「col」:列方向
「rowgroup」:行グループ
「colgroup」:列グループ |
char="文字"
対応ブラウザなし |
指定した値に合わせて文字を揃えます。 |
基準となる1文字 |
charoff="ずらす長さ"
対応ブラウザなし |
char属性で桁揃え文字が指定されていた場合、その文字からどれくらい左右にずらして表示するかを指定します |
ピクセルを表す整数、パーセンテージ |
使用例
記述例
<table border="1">
<caption>
国の人口ランキング
</caption>
<tr>
<th width="100" align="center">国名</th>
<th width="200" align="center">人口</th>
<th width="200" align="center">国土面積(km2)</th>
</tr>
<tr>
<td>A国</td>
<td>約30億人</td>
<td>約900万</td>
</tr>
<tr>
<td>B国</td>
<td>約5億人</td>
<td>約500万</td>
</tr>
<tr>
<td>C国</td>
<td>約3億人</td>
<td>約400万</td>
</tr>
</table> |
|
[ブラウザでの表示例]
ブラウザ |
国の人口ランキング
国名 |
人口 |
国土面積(km2) |
A国 |
約30億人 |
約900万 |
B国 |
約5億人 |
約500万 |
C国 |
約3億人 |
約400万 |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他