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

推薦する

Vue ソースコード学習でレスポンシブ性を実装する方法

目次序文1. レスポンシブシステムの重要な要素1. データの変更を監視する方法2. 依存関係を収集す...

Vue3の組み込みコンポーネントであるTeleportの使い方を詳しく説明します

目次1. テレポートの使用2. モーダルダイアログコンポーネントを完成させる3. コンポーネントのレ...

Zabbix ベースの Jenkins プロセス監視の詳細な説明

1. 監視アーキテクチャ図 2. 実装のアイデアJenkins に Metrics プラグインをイン...

bodyタグの主な属性の概要

bgcolor="テキストの色" background="背景画像&q...

一般的な HTTP ステータス コード 10 個の詳細な説明

HTTP ステータス コードは、Web サーバーの HTTP 応答ステータスを示すために使用される ...

Alibaba Cloud centos7にmysql8.0.22をインストールする詳細なチュートリアル

1. MySQLインストールパッケージをダウンロードするまず、https://dev.mysql.c...

フィボナッチ数列のJavaScript出力を実装する方法

目次トピック分析する基本的な解決策基本的な再帰再帰最適化要約するトピック私たちが答えなければならない...

高品質なJavaScriptコードの書き方

目次1. 読みやすいコード1. 統一コード形式2. マジックナンバーを削除する3. 単一機能原則2....

MySQL IN ステートメントにおける低速クエリの効率を最適化する手法の例

表の構造は以下のとおりです。記事数は690件のみです。 記事テーブル article(id,titl...

スライドボタン効果を実現するネイティブJS

Jsで作ったスライドボタンの具体的なコードは参考までに。具体的な内容は以下のとおりですまずエフェク...

uniapp プロジェクトの最適化方法と提案

目次1. 複雑なページデータ領域をコンポーネントにカプセル化する2. 大きな画像の使用を避ける3. ...

MySQL 制約の超詳細な説明

目次MySQL 制約操作1. 非ヌル制約2. ユニーク制約3. 主キー制約4. 外部キー制約5. カ...

vuex ベースのショッピングカート機能の実装

この記事の例では、ショッピングカート機能を実装するためのvuexの具体的なコードを参考までに共有して...

MySQL 8.0.15 のインストールと設定のグラフィックチュートリアル

この記事ではMySQL 8.0.15のインストールと設定方法を参考までに記録します。具体的な内容は以...

Linuxで$を#に変更する方法

このシステムでは、# 記号は root ユーザーを表し、$ 記号は通常のユーザーを表します。では、ど...