<TH>
テーブル（表）の見出しセルを作成する
<TABLE>はテーブル（表）を作成するタグです。テーブル（表）の基本的な構造は、<TABLE>〜<TABLE>内に<TR>〜</TR>で表の横一行を定義して、更に<TH>〜<TH>や<TD></TD>でセルを定義します。
<TH>はTable Headerの略で、セルの内容が｢見出し｣となるヘッダセルを作成します。セルの内容が｢データ｣の場合には<TD>〜</TD>で使用します。
ソース
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>タイトル</title>
<table border="1" width="300" cellspacing="0" cellpadding="5" bordercolor="#333333">
<tr bgcolor="#000000">
<th><font color="#FFFFFF">製品名</font></th>
<th width="150"><font color="#FFFFFF">説明</font></th>
<th width="200"><font color="#FFFFFF">金額</font></th>
</tr>
<tr>
<td bgcolor="#999999" align="right" nowrap>商品A</td>
<td bgcolor="#FFFFFF" valign="top" width="150">商品Bより頑丈である</td>
<td bgcolor="#FFFFFF" valign="top" width="200">800円</td>
</tr>
<tr>
<td bgcolor="#999999" align="right" nowrap>商品B</td>
<td bgcolor="#FFFFFF" valign="top" width="150">商品Aよりしなやかである</td>
<td bgcolor="#FFFFFF" valign="top" width="200">600円</td>
</tr>
</table>
</head>
<body>
</body>
</html>
対応ブラウザ
NS3・・・○- NS4・・・○
- NS6・・・○
- NS7・・・○
IE3・・・○- IE4・・・○
- IE5・・・○
- IE5.5・・・○
- IE6・・・○
O6・・・○- O7・・・○
FX1・・・○
更新履歴
- 2008.8.7
- linkページのリンクに、リンク先のサイトサムネイルを表示させるようにしました。
PORTFOLIOのページもサムネイルをクリックすることにより、画像を拡大して表示するようにしました。 - 2008.7.4
- linkに3件追加
- 2008.6.22
- Portfolioに1件追加
サイトデザイン修正 - 2008.6.17
- linkに1件追加
- 2008.1.19
- Portfolioに1点追加
- 2008.1.16
- Portfolioに2点追加
- 2007.9.29
- BLOG開始
- 2007.8.6
- HTMLに一件追加
- 2007.8.3
- サイトリニューアル
- 2007.6.19
- Portfolioに1点追加
- 2006.9.13
- Portfolioに1点追加
- 2006.8.11
- Portfolioに1点追加
- 2006.8.11
- Blog更新、BBS削除しました、LINKに1件追加
DARKNESS
このサイトへのリンクはフリーです。ご連絡していただければ相互リンクもいたします。リンクの際は下記バナをご利用ください。
- 31×31px
- 88×31px
- 188×29px