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
Mysql praktische Übungen einfaches Bibliotheksverwaltungssystem
Inhaltsverzeichnis 1. Sortierfunktion 2. Vorberei...
Reines CSS, um einen bewölkten Wettersymboleffekt zu erzielen
Wirkung Die Wirkung ist wie folgt Umsetzungside...
Tutorial zur Installation von MySQL 8.0.11 mit RPM unter Linux (CentOS7)
Inhaltsverzeichnis 1. Installationsvorbereitung 1...
Optimierte Aufzeichnung der Verwendung von IN-Datenvolumen in Mysql
Die MySQL-Versionsnummer ist 5.7.28. Tabelle A ha...
jQuery verwendet das Canvas-Tag, um den Bestätigungscode zu zeichnen
Das <canvas>-Element ist für clientseitige ...
Detailliertes Tutorial zum Veröffentlichen von Springboot-Projekten über das Docker-Plugin in IDEA
1. Schreiben Sie das Dockerfile (1) Klicken Sie m...
Detaillierte Erläuterung der Idee zur Implementierung dynamischer Effekte für die Änderung der Textfüllungsfarbe im Liedtext mit CSS3
Beim Abspielen von Musik werden die Liedtexte im ...
Detaillierte Erklärung der Verwendung von overflow:auto
Bevor ich mit dem Haupttext beginne, werde ich ei...
Detaillierte Erklärung zum Upgrade von Softwarepaketversionen unter Linux
Im Linux-Umfeld möchten Sie prüfen, ob eine besti...
Tutorial zum Herunterladen und Installieren von XFTP (grafisches Tutorial)
Wenn Sie Dateien zwischen Windows und Linux übert...
jQuery-Plugin zur Implementierung des Minesweeper-Spiels (1)
Dieser Artikel teilt den spezifischen Code des er...
Detaillierte Analyse der MySQL-Indexdatenstruktur
Inhaltsverzeichnis Überblick Indexdatenstruktur B...
MySQL max_allowed_packet-Einstellung
max_allowed_packet ist ein Parameter in MySQL, de...
Vue implementiert die vollständige Auswahlfunktion
In diesem Artikelbeispiel wird der spezifische Co...
Mysql-Methode zum Kopieren einer Datenspalte einer Tabelle in eine Spalte einer anderen Tabelle
mysql kopiert eine Tabellenspalte in eine andere ...