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

HTML テーブル マークアップ チュートリアル (18): テーブル ヘッダー
<br />ヘッダーはテーブルの最初の行を参照します。ヘッダー内のテキストは中央揃えで太字で表示できますが、これは <TH> タグによって実現されます。
基本的な構文
01 <表>
02 <TR>
03 <TH>…</TH>
04…
05 </TR>
06 <TR>
07 <TD>…</TD>
08 …
09 </TR>
10…
11 </表>
構文の説明<br />TD> タグの代わりに <TH> タグを使用します。唯一の違いは、タグ内のコンテンツが中央揃えで太字になることです。
ファイル例: 10-17.htm
テーブル ヘッダーは <TH> タグを通じて実装されます。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-17.htm -->
03 <!-- ファイルの説明: テーブル ヘッダーを設定します -->
04 <!-- -------------------------------- -->
05 <HTML>
06 <ヘッド>
07 <TITLE>テーブルヘッダーを設定する</TITLE>
08 </HEAD>
09 <本文>
10 <テーブル BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11 <TR>
12 <TH>ソフトウェア部門</TH>
13<TH>ソフトウェア名</TH>
14 </TR>
15 <TR>
16 <TD>Web グラフィック ソフトウェア</TD><TD>Fireworks</TD>
17 </TR>
18 <TR>
19 <TD>Webページ作成ソフトウェア</TD><TD>Dreamweaver</TD>
20 </TR>
21 <TR>
22 <TD>Webアニメーションソフトウェア</TD><TD>Flash</TD>
23 </TR>
24 </表>
25 </本文>
26 </HTML>
ファイルの説明<br />行 12 と 13 はテーブル ヘッダーを定義します。

<<:  フロントエンドの状態管理(パート2)

>>:  Linux に mysql をインストールするときに /etc に my.cnf ファイルがない問題を解決する

推薦する

$remote_addr に基づく nginx フロントエンド配布方法の詳細な説明

要件は次のとおりです。ドメイン名の下に複数のサーバーがあります。現在、特定の地域をテストしています。...

Docker コマンドラインの完全ガイド (知っておくべき 18 のこと)

序文Docker イメージは Dockerfile といくつかの必要な依存関係で構成され、Docke...

CUDA10.0 のインストールと Ubuntu での問題

Tensorflow バージョンと Cuda および CUDNN の対応: https://tens...

CSSクラス名の問題の詳細な説明

数字で始まる次の CSS クラス名は有効になりません。 .1番目{ 色: 赤; }有効な CSS ク...

MySQL のロングトランザクション例の詳細な説明

序文: 「MySQL 入門」シリーズの記事は終了しました。今後も引き続き MySQL に焦点を当て、...

MySQL 操作: JSON データ型の操作

前回の記事では、MySQL データ保存手順パラメータの詳細な例を紹介しました。今日は、JSON デー...

MySQL の最適化: サブクエリの代わりに結合を使用する

サブクエリの代わりにJOINを使用するMySQL はバージョン 4.1 以降で SQL サブクエリを...

HTML ページはダーク モードの実装をサポートします

2019年から、AndroidとiOSの両方のプラットフォームでダークモードが使用され始めました。も...

この記事では、イベント委任を使用してJavaScriptメッセージボード機能を実装する方法について説明します。

イベント委任を使用してメッセージ ボード機能を実装します。 <!DOCTYPE html>...

js における関数のネストとクロージャの詳細

目次1. 範囲2. 関数の戻り値3. 関数のネスト4. 終了5. クロージャの実用的応用1. 内部変...

MySQL 8.0.22 のダウンロード、インストール、設定方法のグラフィックチュートリアル

参考までにMySQL 8.0.22をダウンロードしてインストールしてください。具体的な内容は次のとお...

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

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

Linux で LVGL エミュレータをコンパイルする際のエラーの解決方法

目次1. エラー現象2. エラー分析3. エラー解決1. エラー現象仮想マシンでLVGLエミュレータ...

Vue のフィルターの適用シナリオの詳細な説明

filterは通常、特定の値をフィルターするために使用されます。たとえば、フィールドが空だが、フロン...

CSS 画像アニメーション効果のサンプルコード(フォトフレーム)

この記事では、CSS 画像アニメーション効果(フォトフレーム)のサンプルコードを紹介し、皆さんと共有...