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
Vue implementiert einen Einkaufswagen, der die Einkaufsmenge ändern kann
In diesem Artikel erfahren Sie, wie Sie mit Vue d...
Geben Sie einige Tipps zur Verwendung von JavaScript-Operatoren
Inhaltsverzeichnis 1. Optionaler Verkettungsopera...
Ein Beispiel für die Ausführungsreihenfolge zwischen dem href-Sprung und dem onclick des HTML-Hyperlinks a-Tag
Die Ausführungsbeziehung zwischen dem href-Sprung...
MySQL5.7 Master-Slave-Konfigurationsbeispielanalyse
Implementierungsmethode für die MySQL5.7-Master-S...
HTML-Tabellen-Markup-Tutorial (43): VALIGN-Attribut der Tabellenüberschrift
In vertikaler Richtung können Sie die Ausrichtung...
Eine kurze Diskussion über die Lösung des Problems der nativen Seitenkompatibilität mit IE9
Vorwort Vor Kurzem habe ich die native Seite eine...
Geben Sie die Stildatei für die automatische Suchvorschlagsfunktion ein: suggestions.css
Code kopieren Der Code lautet wie folgt: .sugLaye...
Rufen Sie die JS-Funktion oder JS-Variable in HTMLs img src="" auf, um den Bildpfad dynamisch anzugeben
Ich habe viele Online-Ressourcen zu diesem Problem...
Die Rolle und Öffnung des MySQL-Protokolls für langsame Abfragen
Vorwort Das MySQL Slow Query Log ist ein Protokol...
HTML ist etwas, das Webseiten-Ersteller lernen und beherrschen müssen.
Welche Vorteile bietet das Erlernen von HTML? 1: ...
Eine kurze Analyse des Tutorials zur Installation von MySQL 8.0.18 auf CentOS 6.8 (RPM-Methode)
Heute werde ich aufzeichnen, wie man MySQL 8.0.18...
Schneller Einstieg in die Teleport-Komponenten und Verwendungssyntax von VUE 3
Inhaltsverzeichnis 1. Einführung in das Teleporti...
Detaillierte Erklärung der Lösung für den Absturz von Tomcat beim Doppelklicken auf startup.bat
Als Programmierer, der gerade Tomcat gelernt hat,...
Detaillierte Erklärung zur Verwendung von $props, $attrs und $listeners in Vue
Inhaltsverzeichnis Hintergrund 1. Dokumentbeschre...
Fallstudie zum Vue-Einkaufswagen
Inhaltsverzeichnis 1. Warenkorb-Beispiel 2. Code-...