HTML マルチヘッダーテーブルコード

1. マルチヘッダーテーブルコード

コードをコピー

コードは次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" />
<title>複数のヘッダーテーブル</title>
<スタイルタイプ="text/css">
体{
幅:98%;
高さ:100%;
フォントサイズ:12px;
背景色:#FCF;
テキスト配置:中央;
}
＃タブ{
幅:100%;
高さ:100%;
フォントサイズ:12px;
フォントファミリ:Verdana、Geneva、サンセリフ Georgia、「Times New Roman」、Times、セリフ;
フォントの太さ: 太字;
背景色:#9F0;
}
</スタイル>
</head>
<本文>
<テーブル id="タブ" セルパディング="1" セル間隔="1" 境界線="1">
<tr>
<th rowspan="2">シリアル番号</th>
<th colspan="2">王武</th>
<th colspan="2">李思</th>
<th colspan="2">孫川</th>
<th colspan="2">胡平</th>
<th rowspan="2">合計</th>
</tr>
<tr>
<th>言語</th>
<th>数学</th>
<th>言語</th>
<th>数学</th>
<th>言語</th>
<th>数学</th>
<th>言語</th>
<th>数学</th>
</tr>
<tr>
<th>1</th>
78
96
67
98 番目
88 番目
75
94
69 69
<番目> </番目>
</tr>
<tr>
<th>2</th>
89
68 68
77
87
84 番目
76
71
87
<番目> </番目>
</tr>
<tr>
<th>3</th>
75
78
89
74
65歳
68 68
98 番目
90
<番目></番目>
</tr>
<tr>
4番目
79
89
65歳
62
64
87
97
91
<番目></番目>
</tr>
<tr>
5番目
89
96
67
76
74
84 番目
67
81
<番目></番目>
</tr>
<tr>
6番目
94
90
97
74
62
81
78
78
<番目></番目>
</tr>
<tr>
7番目
78
89
77
87
45歳
86
77
98 番目
<番目></番目>
</tr>
<tr>
8番目
65歳
67
94
68 68
87
69 69
78
68 68
<番目></番目>
</tr>
<tr>
9日
86
98 番目
87
87
65歳
78
98 番目
79
<番目></番目>
</tr>
<tr>
10番目
88 番目
75
77
97
97
77
70歳
87
<番目></番目>
</tr>
</テーブル>
</本文>
</html>

2. 運用結果