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 <!-- Dateibeispiel: 10-47.htm --> 03 <!-- Dateibeschreibung: verschachtelte Tabellen --> 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
Artikel empfehlen
Schritte zum Bereitstellen eines Docker-Projekts in IDEA
Mittlerweile werden die meisten Projekte auf Dock...
Beispiel für das Herunterladen von Dateien mit vue+django
Inhaltsverzeichnis 1. Übersicht 2. Django-Projekt...
MySQL lernen, Datenbanken und Tabellen-DDL zu erstellen und zu bedienen für Anfänger
Inhaltsverzeichnis 1. Betrieb der Datenbank 1.1 E...
Verwenden Sie HTML+Css, um eine einfache Navigationsleistenfunktion zu implementieren (die Navigationsleiste ändert die Hintergrundfarbe, wenn die Maus darauf stößt).
Ⅰ. Problembeschreibung: Verwenden Sie HTML+CSS, u...
Tutorial zur Installation von htop unter CentOS 8
Wenn Sie Ihr System interaktiv überwachen möchten...
So verwenden Sie den Tencent-Schieberegler-Verifizierungscode im Vue3+Vue-cli4-Projekt
Einführung: Im Vergleich zu herkömmlichen Bildver...
Detaillierte Erläuterung von Beispielen für JS-Closure- und Garbage-Collection-Mechanismen
Inhaltsverzeichnis Vorwort Text 1. Abschluss 1.1 ...
Grafisches Tutorial zur Installation und Konfiguration der komprimierten Version von MySQL 8.0.11
Installationsmethode für komprimierte MySQL 8.0-P...
Tutorial-Diagramm zur VMware-Installation des Centos8-Systems (chinesischer Grafikmodus)
Inhaltsverzeichnis 1. Software- und Systemabbild ...
10 Tipps für das User Interface Design mobiler Apps
Tipp 1: Konzentriert bleiben Die besten mobilen A...
MySQL-Triggersyntax und Anwendungsbeispiele
Dieser Artikel veranschaulicht anhand von Beispie...
So kommunizieren Sie zwischen dem WIN10-System und der internen Container-IP von Docker
1. Nach der Installation der Windows-Version von ...
Detaillierte Erläuterung häufig verwendeter Nginx-Umschreibregeln
Dieser Artikel enthält einige häufig verwendete U...
Hbase – Erste Schritte
1. HBase-Übersicht 1.1 Was ist HBase? HBase ist e...
Die Methode zur Änderung vergessener MySql-Passwörter ist für Versionen ab 5.7 geeignet.
1. Stoppen Sie zuerst den mysqld.exe-Prozess 2. Ö...