ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLテーブルマークアップチュートリアル(47):テーブルの入れ子_HTML/Xhtml_Webページ制作

HTMLテーブルマークアップチュートリアル(47):テーブルの入れ子_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:44:36
オリジナル
1783 人が閲覧しました

このページでは、表のネストによって植字が行われます。つまり、あるフォームを別のフォーム内にネストすることができます。その理由は次のとおりです。
まず、Web ページのレイアウトは非常に複雑になるため、全体のレイアウトを制御するには外部テーブルが必要です。このとき、内部レイアウトの詳細の一部もマスター テーブルを通じて実装されると、行の高さ、列の幅などで競合が発生しやすくなり、テーブルの作成が困難になります。
次に、ブラウザは Web ページを解析するときに、テーブル構造全体をダウンロードした後にテーブルを表示します。ネストしない場合、テーブルは非常に複雑になり、閲覧者は Web ページのコンテンツを表示するまでに長時間待たなければなりません。
これらの理由から、ネストされたテーブルが導入されています。メイン テーブルは全体のレイアウトを担当し、ネストされたテーブルは各サブ列のレイアウトを担当し、メイン テーブルの対応する位置に挿入されます。このようにして、それぞれが互いに衝突することなく、自分の役割を果たします。 ファイル例:10-47.htm
テーブルのネストを作成します。
01
02
03
04
05
06
07 テーブルネスト
08
09
10

11
12
12 13

13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Macromedia网页设计师
网页设计软件
网页图像软件 Fireworks
网页制作软件 Dreamweaver
网页动画软件 Flash
11

14 15
16 17 18 20 21 22 23 24 Web ページ画像作成ソフトウェア25 26 27 28 29 30 31 32
Macromedia Web デザイナー
Web デザイン ソフトウェア td> 19
Fireworks
Web ページ作成ソフトウェア Dreamweaver
Web ページアニメーション ソフトウェア Flash
33 34 ファイルの説明 13行目から20行目は入れ子になったテーブルです。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート