HTML テーブルタグチュートリアル (44): テーブルヘッダータグ
<br />ソース コード内で表の構造を明確に区別するために、HTML 言語では、表のヘッダー、表の本体、表のフッターにそれぞれ対応する <thead>、<tbody>、<tfoot> の 3 つのタグを指定します。 <thead> タグは、テーブルの上部にあるヘッダーのスタイルを定義するために使用されます。
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 行目がテーブル ヘッダーの終了を設定していることがわかります。 |
>>: MySQL で単一のフィールド内の複数の値を分割および結合する方法
推薦する
よく使用される入力テキストボックスの内容は自動的に垂直方向に中央揃えされ、クリックするとデフォルトのプロンプトテキストは空になります。
3つの機能: 1. コンテンツの垂直方向の自動中央揃え2. デフォルトのプロンプトテキストは灰色で表...
Win7 で IIS7 Web および FTP サービスを完全にアンインストールする方法
昨日、パソコンにPHP開発環境をセットアップした後、Apacheサーバーを再起動するとエラーが続きま...
TypeScript名前空間の説明
目次1. 定義と使用1.1 定義1.2 使用2. 複数のファイルに分割する3. エイリアス序文： T...
Docker がポート 2375 を公開し、サーバー攻撃を引き起こす問題と解決策
docker リモート API を学習した学生であれば、ポート 2375 についてよくご存知だと思い...
MySQL が外部キーを作成できない理由と解決策
2 つのテーブルを関連付けるときに、外部キーを作成できませんでした。このブログから、問題は、ポイント...
JS の toFixed() メソッドの丸め精度の問題の詳細な説明
目次落とし穴充填方法何の穴ですか？要約する落とし穴最近、仕事で商品の割引価格を計算すると、いつも1セ...
コードブロックのハイライトをコピーして表示できる js プラグイン highlight.js + clipboard.js 統合
主に2つの側面から: 1. ハイライト/改行2. コードのコピーボタンこれら両方には既製のプラグイン...
NavicatがMySQL8.0.11に接続するとエラー2059が発生する
間違いNavicat Premium を使用して MySQL に接続すると、次のエラーが発生します。...
Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)
検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要...
Linux で AIDE に基づいてファイルシステムの整合性を検出する方法
1. 補助AIDE (Advanced Instruction Detection Environm...
DockerはElasticsearch7.6クラスタをインストールし、パスワードを設定します
Elasticsearch 6.8 以降、無料ユーザーは X-Pack のセキュリティ機能を使用でき...
JavaScript タイマー原理の詳細な説明
目次1. setTimeout() タイマー2. setTimeout() タイマーを停止する3. ...
Linux サーバーと Windows システム間でファイルをアップロードおよびダウンロードする方法
背景: Linux サーバーのファイルのアップロードとダウンロード。 XShell+Xftp インス...
HTML Webページの例を使用してヘッドエリアコードの意味を説明する
例を使って、Webページのヘッダー情報の意味を理解しましょう。 <!DOCTYPE HTML ...
ネイティブJSが様々なスポーツの均一な動きを実現
この記事では、ネイティブ JS で実装された均一なモーションを紹介します。その効果は次のとおりです。...