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 で単一のフィールド内の複数の値を分割および結合する方法

推薦する

Vue がコンポーネント通信を実装する 8 つの例

目次1. Props 親コンポーネント ---> 子コンポーネント通信2. $emit 子コン...

Vue.js $refs 使用例の説明

プロパティやイベントがあるにもかかわらず、JavaScript で子コンポーネントに直接アクセスする...

JavaScript の Set データ構造の詳細な説明

目次1. セットとは何か2. セットコンストラクタ2.1) 配列2.2) 文字列2.3) 議論2.4...

花火効果を実現するJavaScript(オブジェクト指向)

この記事では、花火効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します。具...

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

この記事では、テーブルページング機能を実現するためのVueの具体的なコードを例として紹介します。具体...

HTML のブロックレベル要素と行レベル要素、特殊文字、ネスト規則

基本的な HTML Web ページ タグのネスト ルールを紹介する場合、最初に説明する必要があるのは...

xshellを使用してLinuxサーバーに接続する

xshellを使用してLinuxに接続する利点Windows環境でLinuxを直接操作できるインター...

CentOS7 で MySQL データベースにリモート接続できない理由と解決策

序文最近、仕事で問題が発生しました。 Centos7 システムでは MySQL にリモート接続できな...

Win10 MySQLでCSVをエクスポートする2つの方法

Win10 で csv をエクスポートする方法は 2 つあります。1 つ目はツールを使用することです...

React-Dropzone をベースにアップロードコンポーネント機能を開発する (サンプルデモ)

今回はReact-Flaskフレームワーク上でアップロードコンポーネントを開発するスキルについてお話...

MySQLのカバーインデックスに関する知識ポイントのまとめ

インデックスにクエリする必要があるすべてのフィールドの値が含まれている(またはカバーしている)場合、...

画面なしで無線ネットワークに接続しているときに Raspberry Pi の IP アドレスを見つける方法

あなたがlinuxerだと仮定すると、 windowserだとは想定しません。Windows ユーザ...

Ubuntu 20.04 をインストールした後に行うべきこと (初心者向けガイド)

Ubuntu 20.04 がリリースされ、多くの新機能が導入されましたが、慣れていない機能も多くあ...

Dockerで新しいイメージを手動で構築する方法

この記事では、Docker で新しいイメージを手動で構築する方法を紹介し、皆さんと共有します。詳細は...

nginx の場所に複数の Proxy_pass メソッドがある

1. まず、nginxの位置情報に関する関連知識を確認しましょう1) 位置マッチング手順: ~ #波...