HTML テーブルタグチュートリアル (44): テーブルヘッダータグ

HTML テーブルタグチュートリアル (44): テーブルヘッダータグ
<br />ソース コード内で表の構造を明確に区別するために、HTML 言語では、表のヘッダー、表の本体、表のフッターにそれぞれ対応する <thead>、<tbody>、<tfoot> の 3 つのタグを指定します。 <thead> タグは、テーブルの上部にあるヘッダーのスタイルを定義するために使用されます。
基本構文 <head align=value1 bgcolor=color_value valign=value2>
構文
Align は水平方向の配置を表します。Left は左、Center は中央、Right は右を意味します。 valign は垂直方向の配置を表し、Top は上、Middle は中央、Bottom は下を意味します。 ファイル例: 10-44.htm
タグによってテーブル ヘッダー スタイルを設定します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-44.htm -->
03 <!-- ファイルの説明: テーブル ヘッダーのスタイルを設定する -->
04 <!-- -------------------------------- -->
05 <html>
06 <ヘッド>
07 <title>テーブルヘッダーのスタイルを設定する</title>
08 </head>
09 <本文>
10 <テーブル border=3 width=400 height=100 bordercolor=#336699 align="Center">
11 <thead align=center bgcolor=#00ccff>
12 <tr>
13 <td colspan=2>Webページ作成ソフトウェア</td>
14 </tr>
15 </thead>
16 <tr>
17 <td>Web グラフィック ソフトウェア</td><td>Fireworks</td>
18 </tr>
19 <tr>
20 <td>Web ページ作成ソフトウェア</td><td>Dreamweaver</td>
21 </tr>
22 <tr>
23 <td>Webアニメーションソフトウェア</td><td>Flash</td>
24 </tr>
25 </表>
26 </本文>
27 </html> ファイルでは、11 行目がテーブル ヘッダーのスタイルを定義し、15 行目がテーブル ヘッダーの終了を設定していることがわかります。

<<:  Vueはテーブルページング機能を実装します

>>:  MySQL で単一のフィールド内の複数の値を分割および結合する方法

推薦する

純粋な CSS 実装 (スクリプトなし) HTML コマンド スタイルのツールチップ テキスト プロンプト効果

実行プロセスを分析します。マウスをノードに移動して、ノードにツールチップ実装を開くための識別子 (...

JSの高階関数5つを共有する

目次1. はじめに2. 再帰3. コールバック関数3.1 匿名コールバック関数3.2 パラメータ付き...

iOS スタイルの選択ボックスの開閉機能を実装するための純粋な CSS

1 効果デモアドレス: https://www.albertyy.com/2020/7/check...

Webpack プロジェクトでローダー プラグインをデバッグする方法

最近、webpackの使い方を学んでいたときに、webpack-replace-loaderの設定正...

DockerでSpringbootプロジェクトを実行する方法

1. IDEAの下にあるターミナルをクリックし、mvn clean installと入力します。 次...

CSS3 における構造擬似クラスセレクターと擬似要素セレクターの使い方の詳細な説明

構造擬似クラスセレクタの紹介構造擬似クラスセレクターは、いくつかの特殊効果を処理するために使用されま...

Linux でプロセスを効果的に管理するための 8 つのコマンド

序文プロセス管理の役割:サーバーの健全性状態を判定する: プロセスの状態 (メモリ、CPU 占有率な...

良いと思う国内のデザインサイトをいくつか選んでみました。

<br />私が良いと思った国内のデザインサイトをまとめてみました。広告ではありません!...

Linux での Centos7 ファイアウォールの基本的な使用方法の詳細な説明

1. ファイアウォールの基本的な使い方起動する: systemctl は、firewalld を起動...

CSS3 境界効果

CSSとは# CSS (Cascading Style Sheets の略) は、「カスケーディング...

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

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

エラー mysql テーブル 'performance_schema...解決方法

テスト環境は、JDBCドライバを使用してMariaDB 5.7でセットアップされています。 <...

SpringBoot と Vue の相互作用におけるクロスドメイン問題の解決策

目次ブラウザ同一生成元ポリシー1. VUEフロントエンド構成プロキシはクロスドメインの問題を解決しま...

最も単純な ErrorBoundary コンポーネントをカプセル化して、React 例外を処理する

序文React 16から、子コンポーネントで発生したエラーを捕捉し、エラーログを記録し、ダウングレー...

要素 ui の el-table の列にさまざまなスタイルのデータを動的に実装する例

問題の説明Ele.me UI のフレームワークでは、入力データは el-form であり、出力データ...