Geschachtelte Tabelle HTML-Tutorial

HTML ist eine grundlegende Sprache der Webseitenentwicklung; Es verfügt über ein System von vordefinierten Tags eingeschlossen in die "<" und ">" Symbole. Jede Codezeile hat eine geöffnete Tag und eine geschlossene Tag: < Tag >< / tag >. Die Informationen, die Sie auf der Seite anzeigen möchten, befindet sich zwischen diesen Tags geöffnet und geschlossen. Die erweiterten Funktionen der Programmiersprache HTML gehört die Tabelle; Es ist innerhalb der Tabelle Tag eingeschlossen: < Tabelle >< / Tabelle >.

Erstellen einer Tabelle in HTML

Mit den geöffneten und geschlossenen Table-Tags können Sie eine einfache Tabellenstruktur erstellen; können Sie die vielen anderen verfügbaren Tags innerhalb der Familie der Tags, die verwendet werden innerhalb Ihres HTML-Tabelle, um etwas sehr komplex zu schaffen. Stilelemente definieren die Größe, Position, Rahmen und andere Attribute der Tabelle. Die Stilinformationen würde nur das geöffnete Tag hinzugefügt werden; als Beispiel, einen 1-Pixel-Rahmen zur Tabelle hinzufügen verwenden Sie diese Tag-Satz: < Tabellenrahmen = "1" >< / Tabelle >.

Das Table-Tag selbst erzeugt die Zellen für die Anzeige, aber keine. Um Zellen zu produzieren, musst du einen Tag zwischen der offenen und geschlossenen Table-Tags hinzufügen. Die Tag-Sets verwendet zum Erstellen von Zeilen und Spalten sind die < tr >< / tr > und < td >< / td > Tags; Das "tr"-Tag ist für das Erstellen einer Zeile und das "td" Tag für das Erstellen einer Spalte. Das Tag "th" anstelle von "td"-Tags können Sie auch um eine Tabellenüberschrift zu erstellen; diese Stile automatisch den Inhalt der Zelle zur Unterscheidung als Header.

Die Regeln für die Programmierung eines Tabelle Zustand, dass Sie die "td" Tags innerhalb des Tags "tr" innerhalb der "Tabelle" Tags setzen müssen. Eine einfache Tabelle eine Zelle mit einer 1-Pixel-Rahmen um es würde so aussehen: < Tabellenrahmen = "1" >< tr >< td > Zeile 1, Spalte 1 </td >< / tr >< / Tabelle >. Weitere Spalten erstellt platzieren Sie einfach mehr < td >< / td > Tags innerhalb der < tr >< / tr >-Tags, und fügen Sie weitere Zeilen erstellen weitere < tr >< / tr >-Tags innerhalb der < Tabelle >< / Tabelle > Markierungen.

Schachteln von HTML-Tabellen

Verschachteln von Tabellen bedeutet einfach eine Tabelle in einer Zelle einer anderen Tabelle zu platzieren. Zwischen den Tags < td >< / td > der übergeordneten Tabelle werden die neue Tabelle eingeordnet. Eine einfache Tabelle eine Zelle mit einer 1-Pixel-Rahmen inmitten einer zwei-Zell-Tabelle mit einer 1-Pixel-Rahmen würde wie folgt aussehen: < Tabellenrahmen = "1" >< tr >< td > Zeile 1, Spalte 1 </td >< td >< Tabellenrahmen = "1" >< tr >< td > Zeile 1, Spalte 2 – geschachtelte Tabelle </td >< / tr >< / Tabelle >< / >< / >< tr TD / Tabelle >. Die geschachtelte Tabelle in diesem Beispiel befindet sich in der ersten Zeile und zweiten Spalte; Sie können hinzufügen, weitere "tr" und "td" Tags auf die geschachtelte Tabelle add mehr "tr" und "td" Tags der übergeordneten Tabelle, oder sogar mehr verschachtelte Tabellen innerhalb der Zellen von der übergeordneten Tabelle oder die geschachtelte Tabelle eine komplexere Struktur erstellen.

Tipps für Nesting Tables

Beim Starten von Tabellen machen und verschachteln, um komplexere Strukturen zu erstellen, kann es ziemlich verwirrend erhalten. Es ist eine gute Idee, zeichnen Sie ein Diagramm der Tabellen, bevor Sie beginnen, so dass Sie darauf verweisen und Notizen machen, während Sie arbeiten können. Wenn Sie den Code zu erstellen, sollte jeder neue Tag-Satz eine eigene Zeile haben; setzen Sie in einen harten Anschlag hinter jedem geschlossenen Tag (eingeben) und fügen Sie die Registerkarten, um jeden Tag-Satz Einzug. Diese Art der Strukturierung wird Ihre Tabellen leichter lesbar machen.

Sie können auch die Linien bei der Programmierung mit einem speziellen Kommentar-Tag-Satz kommentieren; Verwenden Sie "<!--" Öffnen den Kommentar und "-->", um es zu schließen. Kommentare kann überall platziert werden innerhalb der HTML-Programmierung und es ist eine gute Möglichkeit, Hinzufügen von Notizen zu erinnern Sie sich an was Sie programmiert haben.

Erstellen Ihre verschachtelte von unten nach oben ist auch ein guter Weg, um Verwechslungen zu vermeiden. Sie würden mit Ihren tiefsten gedeckten Tisch starten möchten (siehe das Diagramm, das Sie erstellt haben) und setzen Sie ihn in der übergeordneten Tabelle und weiter nach außen auf diese Weise zu arbeiten. Speichern Sie Ihre Arbeit oft und laden Sie die Seite in einem Browser, um sicherzustellen, dass die Struktur der Weg dreht, was Sie sich vorstellen.