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

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. 運用結果

<<:  Unix/Linuxフォークの隠れたオーバーヘッド

>>:  ウェブデザインで注意すべき検索最適化の知識

推薦する

一定期間の日ごと、時間ごとの統計データを取得するMySQLの詳しい説明

毎日の統計情報を取得するプロジェクトを実行する際、プロジェクト ログを分析する必要があります。要件の...

vue-cropperプラグインは、画像キャプチャとアップロードコンポーネントのカプセル化を実現します。

vue-cropperプラグインをベースにした画像キャプチャとアップロードコンポーネントをカプセル...

docker compose の記述ルールについての簡単な説明

この記事ではクラスタの展開に関連する内容は紹介しませんバージョン制約Docker エンジン >...

CentOS6 アップグレード glibc 操作手順

目次背景glibc 2.14をコンパイルするソフトリンクを変更するやっと背景テスト環境には Cent...

MySQLのorder byとlimitを混在させる際の落とし穴の詳細な説明

MySQL では、ソートには order by を、ページングには limit をよく使用します。最...

CSS でより美しいリンクプロンプト効果をカスタマイズする方法

提案: コードをできるだけ手書きすると、学習の効率と深さを効果的に向上できます。デフォルトでは、&l...

Element における複数データ読み込み最適化の実装

目次シナリオコードの実装要約:シナリオ最近、ElementUI をベースにしたバックグラウンド管理シ...

アコーディオン効果を実現するネイティブ js

実際のWebページ開発でも、アコーディオンは頻繁に登場します。簡単なアコーディオンを作ったのですが、...

JDBC を使用して MySQL を操作するための簡単な分析では、Class.forName("com.mysql.jdbc.Driver") を追加する必要があります。

導入データベースに接続するためにJDBCを使用することに慣れている場合は、データベースに接続するため...

React Routerの歴史について簡単に説明します

React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...

W3C組織はHTML4のスタイルに関する推奨事項を提供しています

これは、W3C 組織が HTML4 に対して提示したスタイル推奨事項です。残念ながら、ブラウザが独自...

js は axios 制限リクエスト キューを実装します

目次背景は次のとおりです。何が起こるでしょうか?背景は次のとおりです。実際の開発では、ネットワークの...

HTML での Li タグの使用例

タイトルを左に、日付を右に揃えたいのですが、日付の範囲に float:right を直接追加すると、...

VMware Workstation Pro 16 ライセンス キーと使用方法のチュートリアル

VMware Workstation は、開発、テスト、デモンストレーション、展開のために仮想マシン...

Dockerを使用してMQTTサーバーを構築するプロセスの詳細な説明

1. イメージをプルするdocker pull registry.cn-hangzhou.aliyu...