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

推薦する

Navicat 8でMySQL用のデータベースを作成する方法

ウェブサイトを開発する場合、データを保存するためにデータベースを使用する必要があることがよくあります...

Docker を使用して開発環境を構築する方法 (Windows および Mac)

目次1. Dockerを使用する利点2. Dockerをインストールする1) LinuxにDocke...

MySQL 学習データベースバックアップの詳細な説明

目次1.DB、DBMS、SQL 2. データベースの特徴3. SQL分類4. MySQLを起動および...

js でパズルゲームを実装する

この記事では、パズルゲームを実装するためのjsの具体的なコードを参考までに共有します。具体的な内容は...

フロントエンド開発に必要な共通ツール機能のまとめ

1. 時刻の書式設定とその他の方法moment.jsライブラリファイルの使用をお勧めします2. テン...

MySQL 5.7.19 winx64 無料インストールバージョン設定チュートリアル

mysql-5.7.19-winx64インストールフリー版の設定方法、参考までに具体的な内容は以下の...

DockerはElasticsearch7.6クラスタをインストールし、パスワードを設定します

Elasticsearch 6.8 以降、無料ユーザーは X-Pack のセキュリティ機能を使用でき...

MySql COALESCE 関数の使用コード例

COALESCE は、各パラメータ式 (expression_1、expression_2、...、...

linuxdeployqt を使用して Ubuntu で Qt プログラムをパッケージ化する問題を解決する

いくつかの Qt インターフェース プログラムを作成しましたが、Qt 環境がインストールされていない...

MySQL はパスワード強度の検証をオフにします

パスワード強度検証について: [root@mysql mysql]# mysql -uroot -p...

MySQL count(1)、count(*)、count(field)の違い

目次1. COUNTの初見2. COUNT(フィールド)、COUNT(定数)、COUNT(*)の違い...

Linux で SSH サーバー エイリアスを作成する 2 つの方法

序文SSH 経由でさまざまなリモート システムに頻繁にアクセスする場合は、このトリックを使用すると時...

win2008R2 64 ビット システムでの mysql5.7.17 のインストールと構成の例

123WORDPRESS.COM では、さまざまな環境での MYSQL の他のバージョンのインストー...

JavaScript で実装された 6 つの Web ページ画像カルーセル効果の詳細な説明

目次1. マウスがカルーセル モジュール上を通過すると、左右のボタンが表示され、モジュールを離れると...

Dockerは元のタグのイメージの再タグ付けと削除を実装します

docker イメージ ID は一意であり、イメージを物理的に識別できます。repository: ...