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コンテナ間のレプリケーション構成例の詳細な説明

推薦する

JavaScriptは、ユーザーがチェックボックスをオンにする必要があるプロトコルの例を実装します。

js では、ログインまたは登録を確認する前に、ユーザーが特定の契約書を読むように設定します (使用...

JavaScript でピンボール ゲームの Web バージョンを実装する

参考までに、JavaScriptのオブジェクトとメソッドを使用して実装されたWebピンボールゲームを...

初心者のためのMySQL外部キーの設定方法

目次外部キーの役割mysql 外部キー設定方法要約する外部キーの役割データの一貫性、整合性を維持し、...

Vueはdivホイールのズームインとズームアウトを実装します

Vue プロジェクトで div ホイールのズームインとズームアウト、ドラッグ効果、キャンバス効果に似...

ウェブページでmp3またはフラッシュプレーヤーコードを再生する

コードをコピーコードは次のとおりです。 <オブジェクト id="player1&qu...

Tomcat 実行時の JVM エンコーディングの問題を修正

質問:最近、プロジェクトを展開すると文字化けしたデータが出てきました。確認したところ、プロジェクトは...

VMware Workstation 14 Pro(仮想マシン)にシステムをインストールする方法の詳細な説明

この記事では、VMware Workstation 14 Pro (仮想マシン) にシステムをインス...

Ubuntu ブート自動起動サービス設定

Ubuntu でサービスを作成し、自動的に起動する方法: 1. [/lib/systemd/syst...

Docker に ElasticSearch をインストールする方法を 1 つの記事で解説

目次序文1. Dockerをインストールする2. ElasticSearchをインストールする3. ...

30 種類の無料の高品質英語リボンフォント

30 種類の高品質な英語リボン フォントを無料でダウンロードできます。デザイナーは常に、25 種類の...

Webフロントエンド開発エンジニアが習得すべきコアスキル

Web フロントエンド開発に含まれる内容は、主に W3C 標準の構造、動作、パフォーマンスです。では...

MySQL でスロークエリを有効にする方法の例

序文スロー クエリ ログは、MySQL で非常に重要な機能です。MySQL のスロー クエリ ログ機...

MySQL の遅いクエリとクエリ再構築方法の記録

序文スロークエリとは何か、またスロークエリを最適化するにはどうすればよいか。以下では、これら 2 つ...

CentOS 7 での Docker プロキシの設定 (Linux での Systemd サービスの環境変数設定)

Docker デーモンは、 HTTP_PROXY 、 HTTPS_PROXY 、およびNO_PRO...

スライディングカルーセル効果を実現する js

この記事では、スライディングカルーセル効果を実現するためのjsの具体的なコードを参考までに共有します...