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 ファイルがない問題を解決する

推薦する

Vueデータ双方向バインディング実装方法

目次1. はじめに2. コードの実装2.1 目的分析2.2 実装プロセス2.2.1 エントリーコード...

プロフェッショナルおよび非プロフェッショナルのウェブデザイン

まず、Web ページのスタイルの形成は、主に Web ページのレイアウト設計、ページの色処理、画像と...

tdが空の場合に境界線を表示する方法

以前、CSS を使用してテーブルの border + bordercolordark + borde...

フロントエンドのパフォーマンス最適化 - フロントエンドエンジニアが話し合うべき問題点

はじめに<br />前回の記事「私の CSS アーキテクチャ コンセプト」では、公園で友...

シェルスクリプトを使用したMySQLデータベースの自動バックアップ

シェルスクリプトを使用したMySQLデータベースの自動バックアップデータベースを頻繁にバックアップす...

効率をN倍に高めるVimクイックリファレンステーブル15個

昨年の前半から開発と娯楽のために Linux を使い始めましたが、今では Windows には戻れま...

MySQLサービスを削除する具体的な方法

MySQLは次のエラーを表示します「コントロール パネル -> 管理ツール -> サービ...

入力ボックスのプレースホルダーテキストのデフォルトの色を変更する -webkit-input-placeholder メソッド

HTML5 では、入力用のネイティブ プレースホルダー属性が追加されており、これは高度なブラウザでサ...

Vue3コンポーネントの開発詳細

目次1. はじめに2. コンポーネント開発1. コンポーネントの構成2. ヘッダーコンポーネントの開...

MySQL がテーブルを読み取れないエラー (MySQL 1018 エラー) の解決方法

1. エラーの再現MySQL データベースにはアクセスできますが、データベース テーブルを読み取るこ...

CSSでできるならJavaScriptは使わない

序文JavaScript で記述できるアプリケーションは、最終的には JavaScript で記述さ...

シンプルなナビゲーションバー機能を実現するHTML+CSS

さっそく、コードを見てみましょう(初心者:特に言うことはありません) <!DOCTYPE ht...

LED を使って Linux カーネルを使い始める方法を探る

目次序文LEDトリガー探索を始めるLEDデバイス登録LEDディレクトリ類推によって理解するクラスディ...

ソケット '/tmp/mysql.sock' 経由でローカル MySQL に接続できない解決策

エラーメッセージ:エラー 2002: ソケット '/tmp/mysql.sock' ...

WeChatミニプログラムがいいねサービスを実装

この記事では、WeChatアプレットの具体的なコードを参考までに紹介します。具体的な内容は次のとおり...