<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 の日付時刻ピッカーコンポーネントの具体的なコードを参考までに紹介します。具...
1. HTMLの概要1.HTML: ハイパーテキスト マークアップ言語。これはプログラミング言語では...
目次序文Websocketの使用Websocketオブジェクトの構築Websocket ステータスW...
目次Docker Compose の使用シナリオ基本的なデモ基本的な操作とメンテナンスdocker-...
なぜprettierを使うのですか?大企業では、フロントエンド開発コードに独自のコード標準がある場合...
前書き: Docker のポート マッピングは、多くの場合、Docker Run コマンド中に -p...
背景:最近、同社のプロジェクトは同時実行のプレッシャーに耐えられないようなので、最適化が差し迫ってい...
HTML 中心のフロントエンド開発は、ほぼ Web 標準の意味です。共通しているのは「分離」という考...
1. Concat関数。よく使用される接続文字列: concat 関数。たとえば、SQLクエリ条件...
jQuery 入門jQuery ライブラリは、簡単なマークアップ行を使用して Web ページに追加で...
「キャンセル」ボタンは必要な操作プロセスの一部ではなく、デザイン上の主要な要素として表示されません...
目次1.同時アクセス制御2. 取引1. トランザクションは ACID 原則に従います。 2. トラン...
まずは違いについて話しましょう最後に、書き換えられたルールは、次の場所と一致させるために書き換えられ...
MySQL 組み込みの日付関数 TIMESTAMPDIFF は、2 つの日付間の秒数、分数、時間数、...
背景:サイトはフロントエンドとバックエンドから分離されています: vue+springbootフロン...