HTML テーブル タグ チュートリアル (47): ネストされたテーブル

HTML テーブル タグ チュートリアル (47): ネストされたテーブル
<br />このページでは、テーブルをネストすることで組版を実現しています。つまり、1 つのテーブルを別のテーブル内にネストすることができます。理由は次のとおりです。
まず、Web ページのレイアウトは非常に複雑になるため、全体的なレイアウトを制御するには外部テーブルが必要になります。この時点で、マスター テーブルを通じて内部レイアウトの詳細も実装すると、行の高さと列の幅に競合が発生しやすくなり、テーブルの作成が困難になります。
次に、ブラウザが Web ページを解析するときに、テーブル構造全体をダウンロードした後にのみテーブルを表示します。ネストがないと、テーブルは非常に複雑になり、訪問者は Web ページのコンテンツが表示されるまでに長い時間待たなければなりません。
これらの理由から、ネストされたテーブルが導入されました。メイン テーブルは全体のレイアウトを担当し、ネストされたテーブルは各サブ列のレイアウトを担当し、メイン テーブルの対応する位置に挿入されます。こうすることで、誰もが自分の義務を遂行でき、対立も起こりません。 ファイル例: 10-47.htm
テーブルをネストします。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 10-47.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 <td colspan=2 align="Center">
13 <表の境界線=1 幅=100% 境界線の色=赤>
14 <tr>
15 マクロメディアウェブデザイナー
16 </tr>
17 <tr>
18 <td align="Center">Web デザイン ソフトウェア</td>
19 </tr>
20 </表E>

21 </td>
22 </tr>
23 <tr>
24 <td>Web グラフィック ソフトウェア</td><td>Fireworks</td>
25 </tr>
26 <tr>
27 <td>Web ページ作成ソフトウェア</td><td>Dreamweaver</td>
28 </tr>
29 <tr>
30 <td>Webアニメーションソフトウェア</td><TD>Flash</td>
31 </tr>
32 </表>
33 </body>
34 </html> ファイルの説明を見ると、13 行目から 20 行目がネストされたテーブルであることが分かります。

<<:  VUE uni-app でよく使用される API についての簡単な説明

>>:  CentOS/RHEL システムで VLAN タグ付きイーサネット カードを使用する方法

推薦する

Vue 日付時刻ピッカーコンポーネントの使い方の詳細な説明

この記事の例では、Vue の日付時刻ピッカーコンポーネントの具体的なコードを参考までに紹介します。具...

HTMLの基本タグと構造の詳細な説明

1. HTMLの概要1.HTML: ハイパーテキスト マークアップ言語。これはプログラミング言語では...

CocosCreator ユニバーサルフレームワークデザインネットワーク

目次序文Websocketの使用Websocketオブジェクトの構築Websocket ステータスW...

docker compose の使い方の詳しい説明

目次Docker Compose の使用シナリオ基本的なデモ基本的な操作とメンテナンスdocker-...

vscode で Prettier Code プラグインを使用する詳細なチュートリアル

なぜprettierを使うのですか?大企業では、フロントエンド開発コードに独自のコード標準がある場合...

Docker でコンテナのポート マッピングを動的に変更する方法

前書き: Docker のポート マッピングは、多くの場合、Docker Run コマンド中に -p...

MySQL マスタースレーブ構築(複数のマスターと 1 つのスレーブ)の実装アイデアと手順

背景:最近、同社のプロジェクトは同時実行のプレッシャーに耐えられないようなので、最適化が差し迫ってい...

HTMLはWEB標準の開発の中心的な基盤です

HTML 中心のフロントエンド開発は、ほぼ Web 標準の意味です。共通しているのは「分離」という考...

MySQL でよく使われる型変換関数の概要 (推奨)

1. Concat関数。よく使用される接続文字列: concat 関数。たとえば、SQLクエリ条件...

jQueryは何に使われるのですか?jQueryは実際にはjsフレームワークです

jQuery 入門jQuery ライブラリは、簡単なマークアップ行を使用して Web ページに追加で...

別の種類の「キャンセル」ボタン

「キャンセル」ボタンは必要な操作プロセスの一部ではなく、デザイン上の主要な要素として表示されません...

MySQL シリーズ 10 同時実行制御を実装するための MySQL トランザクション分離

目次1.同時アクセス制御2. 取引1. トランザクションは ACID 原則に従います。 2. トラン...

Nginx の break と last の違いの詳細な分析

まずは違いについて話しましょう最後に、書き換えられたルールは、次の場所と一致させるために書き換えられ...

MySQLは2つの日付間の日数、月数、年数を計算します

MySQL 組み込みの日付関数 TIMESTAMPDIFF は、2 つの日付間の秒数、分数、時間数、...

Nginx 外部ネットワーク アクセス イントラネット サイト構成操作

背景:サイトはフロントエンドとバックエンドから分離されています: vue+springbootフロン...