超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap
 Home > 超初心者のためのホームページ作成講座 > テーブル講座 > テーブルに見出しをつける > Next 

■ テーブルに見出しをつける

テーブルに見出しをつけるには、<th> タグを使います。<th> タグで囲まれたテキストは、太字で、センタリングされて表示されます。

<table border>
<tr><th>NO.</th><th>曲名</th><th>唄い出し</th></tr>
<tr><th>07.</th><td>Trauma</td><td>今日のうれしかった顔〜♪</td></tr>
<tr><th>08.</th><td>End roll</td><td>もう戻れないよ〜♪</td></tr>
<tr><th>09.</th><td>appears</td><td>恋人達は〜♪</td></tr>
</table>

NO.曲名唄い出し
07.Trauma今日のうれしかった顔〜♪
08.End rollもう戻れないよ〜♪
09.appears恋人達は とても幸せそうに〜♪

<th> タグは、見出しセルとしてだけではなく、単純に目立たせるためにも使えます。3行2列目に <th> タグを使ってみました。

<table border>
<tr><td>NO.</td><td>曲名</td><t>唄い出し</td></tr>
<tr><td>07.</td><td>Trauma</td><td>今日のうれしかった顔〜♪</td></tr>
<tr><td>08.</td><th>End roll</th><td>もう戻れないよ〜♪</td></tr>
<tr><td>09.</td><td>appears</td><td>恋人達は〜♪</td></tr>
</table>

NO.曲名唄い出し
07.Trauma今日のうれしかった顔〜♪
08.End rollもう戻れないよ〜♪
09.appears恋人達は とても幸せそうに〜♪


プロパティの種類および使い方は <td> タグと同じです。

タグ名プロパティ説明
<th>〜</th>bgcolor#rrggbb背景色を指定。rr、gg、bb は 00〜ff
カラーネームred、green、blue など
backgroudファイル名背景画像を指定する
widthピクセル数見出しセルの幅を指定する
幅をウィンドウに対する比率で指定
heightピクセル数見出しセルの高さを指定する
高さをウィンドウに対する比率で指定
alignleftテキストの位置、左
center中央(デフォルト)
right
valigntopテキストの位置、上
middle中央(デフォルト)
bottom
rowspan連結するセル数セルを縦に連結する
colspan連結するセル数セルを横に連結する

align 属性は、<td> タグでは、デフォルトは左でしたが、<th> タグでは中央になります。もちろん left 、right を指定すれば、テキストは、それぞれ左、右に配置されます。

<table border>
<tr><th width="100">NO.</th><th width="100">曲名</th></tr>
<tr><th align="left" height="50">07.</th><td>Trauma</td></tr>
<tr><th align="center"
height="50">08.</th><td>End roll</td></tr>
<tr><th align="right" height="50">09.</th><td>appears</td></tr>
</table>

NO.曲名
07.Trauma
08.End roll
09.appears


 Home < 超初心者のためのホームページ作成講座 < テーブル講座 < Back < テーブルに見出しをつける > Next