HTML Table Tag Tutorial (47): Verschachtelte Tabellen

<br />Der Schriftsatz auf der Seite erfolgt durch die Verschachtelung von Tabellen. Das heißt, eine Tabelle kann in einer anderen Tabelle verschachtelt sein. Hier sind die Gründe:
Erstens wird das Layout der Webseite sehr kompliziert sein und es wird eine externe Tabelle benötigt, um das Gesamtlayout zu steuern. Wenn zu diesem Zeitpunkt auch einige interne Layoutdetails über die Mastertabelle implementiert werden, können leicht Konflikte bei der Zeilenhöhe und Spaltenbreite auftreten, was zu Schwierigkeiten bei der Tabellenerstellung führt.
Zweitens: Wenn der Browser die Webseite analysiert, wird die Tabelle erst angezeigt, nachdem die gesamte Tabellenstruktur heruntergeladen wurde. Ohne Verschachtelung wäre die Tabelle sehr komplex und Besucher müssten lange warten, bis sie den Inhalt der Webseite sehen könnten.
Aus diesen Gründen wurden verschachtelte Tabellen eingeführt. Die Haupttabelle ist für das Gesamtlayout verantwortlich, und die verschachtelte Tabelle ist für das Layout jeder Unterspalte verantwortlich und wird an der entsprechenden Position der Haupttabelle eingefügt. Auf diese Weise kann jeder seine Aufgaben erfüllen und es kommt zu keinen Konflikten. Dateibeispiel: 10-47.htm
Verschachteln Sie Tabellen.
01 
02 
03 
04 
05 <html>
06 <Kopf>
07 <title>Verschachtelte Tabellen</title>
08 </head>
09 <Text>
10 <Tabellenrand=3 Breite=400 Höhe=100 Rahmenfarbe=#336699 Ausrichtung="Zentriert">
11 <tr>
12 <td colspan=2 align="Zentriert">
13 <Tabellenrand=1 Breite=100% Rahmenfarbe=rot>
14 <tr>
15 Macromedia Web Designer
16 </tr>
17 <tr>
18 <td align="Center">Webdesign-Software</td>
19 </tr>
20 </tableE>
21 </td>
22 </tr>
23 <tr>
24 <td>Web-Grafiksoftware</td><td>Feuerwerk</td>
25 </tr>
26 <tr>
27 <td>Software zur Erstellung von Webseiten</td><td>Dreamweaver</td>
28 </tr>
29 <tr>
30 <td>Web-Animationssoftware</td><TD>Flash</td>
31 </tr>
32 </table>
33 </body>
34 </html> Aus der Dateibeschreibung geht hervor, dass es sich bei den Zeilen 13 bis 20 um verschachtelte Tabellen handelt.

<<: Eine kurze Diskussion über die häufig verwendeten APIs der VUE uni-app

>>: Implementierungsschritte für MySQL-Zusammenführungsergebnisse und horizontale Spleißfelder

HTML Table Tag Tutorial (47): Verschachtelte Tabellen

Hintergrundbild-Cache unter IE6

XHTML-Tutorial: Der Unterschied zwischen Transitional und Strict

web.config (IIS) und .htaccess (Apache) Konfiguration

Verwenden Sie CSS-Variablen, um coole und erstaunliche Schwebeeffekte zu erzielen

Aufrufen und Ausführen von Host-Docker-Operationen im Docker-Container

Das WeChat-Applet implementiert den Wasserfallfluss, Paging, Scrollen und Laden

Master-Slave-Synchronisationskonfiguration der Mysql-Datenbank

Ubuntu 18.04 fordert bei der Installation von MySQL nicht zur Eingabe eines Kennworts auf und wie man das Problem löst

So legen Sie ein Kennwort für MySQL Version 5.6 auf dem Mac fest

Verwenden von js zum Implementieren eines einfachen Lichtschaltercodes

Artikel empfehlen

Füllen Sie die Suchfunktion auf der HTML-Seite aus

Verwenden von VMware IOInsight zur Durchführung einer verfeinerten Überwachung der Speicherleistung virtueller Maschinen

Zwei Verwendungen von iFrame-Tags in HTML

Erläuterung der Verwendungsszenarien von SQL und verschiedenen NoSQL-Datenbanken

Tutorial zur Installation und Konfiguration der Remote-Anmeldung bei MySQL unter Ubuntu

Detaillierte Erläuterung der Vorgänge und Implementierungen im Zusammenhang mit dem HTML-Druck

Verwendung und Ausführungsprozess des HTTP-Moduls im Knoten

JavaScript entfernt unnötige Eigenschaften eines Objekts

Einführung in Fork in Multithreading unter Linux

MySQL-Serververbindung, Trennung und cmd-Bedienung

So installieren Sie Docker CE auf Ubuntu 18.04 (Community Edition)

Ein einfaches Tutorial zur Verwendung des MySQL-Protokollsystems

So aktivieren Sie den Fernzugriff in Docker

Detaillierte Analyse von MySQL-Ausführungsplänen

Eine kurze Einführung in MySQL InnoDB ReplicaSet