HTML テーブル マークアップ チュートリアル (14): テーブル ヘッダー

HTML テーブル マークアップ チュートリアル (14): テーブル ヘッダー
<br />HTML 言語では、タグを使用してテーブルにタイトルを自動的に追加できます。さらに、テーブルの最初の行はヘッダーと呼ばれ、これも HTML タグを使用して実現できます。
基本的な構文
<表> ....
<TR>
<TH>タイトル 1</TH><TH>タイトル 2</TH><TH>タイトル 3</TH><TH>タイトル 4</TH><TH>タイトル 5</TH>
</TR>
........
</表>
構文の説明: BORDER 属性は、境界線の幅をピクセル単位で定義するために使用されます。
<html>
<ヘッド>
<title>表マークアップの包括的な例</title>
</head>
<本文>
<表の境界線="1" 幅="80%" bgcolor="#e8e8e8" セルパディング="2" 境界線の色="#0000ff" 境界線の色ライト="7d7dff" 境界線の色ダーク="#0000a0">
<tr>
大西洋部門
<th width="30%" colspan="2" valign="bottom">中央部</th>
<th width="30%" colspan="2" valign="bottom">南東部地区</th>
</tr>
<tr>
<td width="16%" align="center">セルティックス</td>
<td width="16%" align="center">76ers</td>
<td width="17%" align="center">ピストン</td>
<td width="17%" align="center">ブル</td>
<td width="17%" align="center">熱</td>
<td width="17%" align="center">ウィザード</td>
</tr>
<tr>
<td width="16%" align="center">ネットワーク</td>
<td width="16%" align="center">ニックス</td>
<td width="17%" align="center">ウォーカー</td>
<td width="17%" align="center">ナイト</td>
<td width="17%" align="center">マジック</td>
<td width="17%" align="center">ボブキャット</td>
</tr>
<tr>
<td width="16%" align="center">ラプターズ</td>
<td width="16%" align="center">川を渡る</td>
<td width="17%" align="center">バックス</td>
<td width="17%" align="center">シカゴ</td>
<td width="17%" align="center">イーグル</td>
<td width="17%" align="center">ヤオ・ミン</td>
</tr>
</テーブル>
</本文>
</html>
このうち、<TH></TH> は表のヘッダーとタイトルを指します。

<<:  JavaScriptのvar let constの違いは何ですか?

>>:  MySQLコンテナ間のレプリケーション構成例の詳細な説明

推薦する

Nginx で Basic Auth ログイン認証を設定する方法

nginx でファイルサーバーを構築することもありますが、これは一般に公開されていますが、サーバーが...

ウェブサイト製品設計の参考となるいくつかの原則

以下の分析は製品設計原則に関するものですが、そのほとんどはウェブサイト製品に基づいているため、ユーザ...

MySQLクエリ書き換えプラグインの使用

クエリ書き換えプラグインMySQL 5.7.6 以降、MySQL Server は、サーバーが実行す...

Linux の crw、brw、lrw などのファイル属性は何ですか?

ファイルとは何ですか?すべてのファイルは実際には文字列のストリームですが、適切な解析方法を使用すると...

CentOS 7 で MySQL 8 の複数のインスタンスを設定する詳細なチュートリアル (必要な数だけ設定できます)

原因最近、プロジェクトのリファクタリングを始めたのですが、マスタースレーブと読み取り書き込み分離を使...

vue-tableは追加と削除を実装します

この記事では、vue-table の追加と削除の具体的なコードを参考までに紹介します。具体的な内容は...

MySQLのREDOログ(リドゥログ)とロールバックログ(アンドゥログ)の詳しい説明

序文:前回の記事では、MySQL システムでよく使用されるログをいくつか説明しました。実は、トランザ...

DockerはPruneコマンドを使用してnoneイメージをクリーンアップします

目次無イメージの創造と混乱Noneオブジェクトをクリーンアップする方法トリムミラーコンテナで使用され...

Docker イメージのプルとタグ操作 pull | tag

Fabric プロジェクトのソースコードを読み直してみたところ、Docker の部分でよくわからな...

docker-compose.yml ファイル内の一般的なテンプレート コマンドの詳細な説明

注意: docker-compose.yml ファイルを書き込むときは、すべてのコロン (:) とダ...

Oracle を MySQL に置き換える際の問題と解決策

目次移行ツールアプリケーション変換mysql8.0 ドライバ パッケージを追加データソース構成の変更...

ウェブページのカスタム選択ボックス選択

選択ドロップダウン リスト フォームは誰もがよく知っているかもしれませんが、デフォルトのドロップダウ...

CSS エラスティック ボックス flex-grow、flex-shrink、flex-basis の詳細な説明

3 つの属性 flex-grow、flex-shrink、flex-basis の機能は次のとおりで...

Mysqlは実行中のトランザクションを照会し、ロックを待機する方法

navicatを使用してテストと学習を行います。まず、 set autocommit = 0;を使用...

JSを段階的に学ぶ方法についての簡単な説明

目次概要1. jsの位置づけを明確に理解する2. 明確な学習パス3. 自己規律と粘り強さ4. 練習し...