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

推薦する

Linux での scp および sftp コマンドの詳細な説明

目次序文1. SCPの使用法2. sftpを使用する3. scp と sftp の違いは何ですか?ど...

他の人が私のウェブページを保存したり、サイトをコピーしたりするのを防ぐためのヒント

現在、インターネット上でウェブサイトをコピーすることは非常に一般的です。では、他人が私たちのウェブサ...

最小限の展開で CentOS8 に OpenStack Ussuri をインストールする方法の詳細なチュートリアル

CentOS8 に最小限のデプロイメントで OpenStack Ussuri をインストールするため...

上位Nを見つけるためのMySQLグループソートの詳細な説明

MySQLグループソートで上位Nを見つけるテーブル構造grp でグループ化し、num で並べ替えて、...

Vue3 の参照と参照の詳細

エディターは、Vue3のデータの関連する問題も共有します。次のような例を見てみましょう。 Vue.c...

Linux でファイアウォールがオフになっているかどうかを確認する方法

1. サービス方法ファイアウォールのステータスを確認します。 [root@centos6 ~]# サ...

XHTML CSS ウェブサイトデザインの利点と問題点

XHTML は現在国際的に推奨されている標準的な Web サイト設計言語です。Webjx.com も...

HTML チュートリアル: 定義リスト

<br />原文: http://andymao.com/andy/post/104.h...

HTML CSS に基づく検索アイコン付き検索ボックス機能を実装する

序文フロントエンドで非常に便利な、小さなアイコン付きの検索ボックスを作成する方法をご紹介します。エフ...

mysql データはどこに保存されますか?

MySQLデータベースの保存場所: 1. MySQLがMyISAMストレージエンジンを使用する場合...

vue3とvue2の利点の比較

目次利点1: diffアルゴリズムの最適化利点2: ホイスト静的静的リフティング利点3: cache...

MySQL 8.0.15 バージョンのインストールチュートリアル Navicat.list への接続

落とし穴1. ネット上の多くのチュートリアルでは環境変数を設定するファイル名はmy.iniと書いてあ...

Gitコミットログの変更方法のまとめ

ケース1: 最後の提出とプッシュなし次のコマンドを実行します。 git コミット --amend g...

データベース復旧エラーの原因となる MySQL 文字セットの簡単な分析

MySQL の文字セットエンコーディングが正しくないデータをインポートすると、エラーが表示されます。...

MySQLのビューとインデックスの使い方と違いの詳細な説明

MySQL ビュー簡単に言えば、MySQL ビューは SELECT コマンドを定義するためのショート...