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データベースのマスタースレーブレプリケーションの原理と機能の分析

目次1. データベースのマスター/スレーブ分類: 2. MySQL マスタースレーブの紹介3. マス...

MySQLのストレージエンジンについてお話しましょう

基礎リレーショナル データベースでは、各データ テーブルはファイルに相当し、異なるストレージ エンジ...

ウェブページにコンテンツが多すぎる場合に、下から上へ素早く戻る方法

Web フロントエンド開発では、ページに多くの記事を表示することが避けられません。記事の最後にあるク...

HTML で Web ページに動的な時計を書く

HTML を使用して動的な Web クロックを作成します。コードは次のとおりです。 <!DOC...

ページ内のリストプルダウン効果を実現するための純粋なCSS

次のような効果がよく見られます。 そうです、ページ上でよく使われる「展開と折りたたみ」のインタラクシ...

Web スライスとは何ですか?

IE8 の新機能 Web スライス (Web スライス) Microsoft は 3 月 20 日...

Linux システム MySQL8.0.19 クイックインストールと構成チュートリアル図

目次1. 環境の紹介2. MySQL-8.0.19をインストールする3. MySQLを設定する1. ...

WeChatアプレットキャンバスが署名機能を実装

WeChatアプレットプロジェクトでは、開発モジュールに手書き署名機能が含まれ、WeChatアプレッ...

HTML で水平ナビゲーション構造を設定する方法

この記事では、主にリスト構造を使用して水平ナビゲーション構造を設定する 2 つの方法を紹介します。こ...

CSS でのナビゲーション バーとドロップダウン メニューの実装

1. CSSナビゲーションバー（１）ナビゲーションバーの機能ナビゲーション バーを使いこなすことは、...

Docker コンテナのログを表示およびクリーンアップする方法 (テスト済みで効果的)

1. 問題Docker コンテナのログにより、ホストのディスク領域がいっぱいになりました。 doc...

Vue px to rem 構成の詳細な説明

目次方法1 1. 構成とインストールの手順:方法2方法3要約する方法1 1. 構成とインストールの手...

yum インストールエラーの問題を解決する 保護されたマルチライブラリバージョン

現在、クラウドサーバーに nginx をインストールする際、最初に zlib などの依存ライブラリを...

英語: リンクタグはIEでhrefを自動的に補完します

英語: IE では、リンク タグによって href が自動的に補完されます。 Ajax Link T...

Node.js のワーカー スレッドの詳細な理解

目次概要Node.js における CPU バウンド アプリケーションの歴史CPUを集中的に使用する操...