HTML ist eine einfache Sprache der Web-Seite Entwicklung , sondern nutzt ein System von vordefinierten Tags innerhalb der "<" und ">" Symbole eingeschlossen . Jede Codezeile hat eine geöffnete und eine geschlossene tag tag:
. Die Informationen, die Sie auf der Seite angezeigt wird zwischen diesen geöffnet und geschlossen Tags entfernt. Einer der erweiterten Funktionen der Programmiersprache HTML ist die Tabelle , es wird in der Tabelle tag set eingeschlossen :
. Erstellen einer Tabelle in HTML
Mit den geöffneten und geschlossenen Tabellen-Tags Sie eine einfache Tabelle Struktur erstellen können , können Sie die vielen anderen verfügbaren Tags innerhalb der Familie der Tags, die in Ihrem HTML-Tabelle verwendet werden, um zu verwenden schaffen etwas sehr komplex. Stilelemente definieren die Größe, Position , Grenz-und andere Attribute der Tabelle. Die Style-Informationen nur in den geöffneten Tag hinzugefügt werden, als Beispiel, um eine 1 -Pixel- Grenze auf den Tisch Sie diesen tag set verwenden möchte hinzufügen :
< . br> Die Tabelle
Tag selbst nicht produzieren die Zellen für die Anzeige , though. Um Zellen zu produzieren , benötigen Sie , um einen Tag Set zwischen den offenen und geschlossenen Tabellen-Tags hinzufügen. Der Tag setzt verwendet für die Erstellung von Zeilen und Spalten sind die
und
| -Tags , die "tr" -Tag ist für die Schaffung einer Reihe und die "td " -Tag ist für Erstellen einer Spalte. Sie können auch das "th "-Tag anstelle des "td "-Tag , um eine Tabelle Header erstellen , das automatisch Arten der Inhalt der Zelle, um sie als Header unterscheiden
Die Regeln für die Programmierung einer Tabelle . Zustand , dass Sie die "td "-Tags innerhalb der "tr" Tags umschließen innerhalb der " Tisch " -Tags. Ein einfaches Ein-Zell- Tabelle mit einem 1 -Pixel- Rand um es so aussehen:
Zeile 1, Spalte 1 | < /tr> < /table> . Um mehrere Spalten platzieren Sie einfach mehr | -Tags innerhalb des
Tags schaffen würde , und mehr Reihen Sie mehr
hinzufügen würde Tags innerhalb der Tags.
Nesting HTML-Tabellen
Satztische einfach ist das Platzieren einer Tabelle in einer Zelle einer anderen Tabelle . Die neue Tabelle würde zwischen dem
| -Tags des übergeordneten Tabelle platziert werden. Ein einfaches Ein-Zell- Tabelle mit einem 1 -Pixel- Grenze innerhalb einer Zwei-Zell- Tabelle mit einem 1 -Pixel- Grenze gesetzt würde wie folgt aussehen : Row 1, Spalte 1 | Zeile 1, Spalte 2 - Nested Table < /td> < /tr> < /table> |
. Die verschachtelte Tabelle in diesem Beispiel wird in der ersten Zeile und der zweiten Spalte befindet, konnte man mehr "tr" und "td " Tags der geschachtelten Tabelle , fügen mehr "tr" und "td "-Tags auf die übergeordnete Tabelle , oder sogar mehr verschachtelte Tabellen innerhalb der Zellen von der übergeordneten Tabelle oder der geschachtelten Tabelle , um eine komplexere Struktur erstellen.
Tipps für Nesting Tables
Wenn Sie beginnen, Tabellen und nisten sie zu komplexeren Strukturen ist es ziemlich verwirrend erstellen können. Es ist eine gute Idee, ein Diagramm der Tabellen zu ziehen , bevor Sie so , dass Sie sich darauf beziehen und sich Notizen machen , während Sie arbeiten beginnen. Bei der Erstellung des Codes sollte jeder neue Tag-Satz eine eigene Linie , setzen in einem harten Anschlag (Enter) nach jedem geschlossenen tag und fügen Sie dann Registerkarten Gedankenstrich jeden tag set . Diese Art der Strukturierung wird Ihre Tabellen einfacher zu lesen
Sie können auch auf die Zeilen in Ihrer Programmierung mit einem speziellen Kommentar-Tags Satz kommentieren ; . " <- " Verwenden, um den Kommentar zu öffnen und "- -> " um es zu schließen . Kommentierte können überall innerhalb der HTML-Codierung gesetzt werden und es ist ein guter Weg, um Notizen hinzuzufügen , um sich von dem, was du hast codiert erinnern.
Erstellen verschachtelter von unten nach oben ist auch ein guter Weg, um Verwechslungen zu vermeiden. Sie möchte mit Ihren tiefsten gedeckten Tisch zu starten ( siehe Diagramm die Sie erstellt haben ) und dann legen Sie es in Ihren übergeordneten Tabelle und weiter zu arbeiten auf diese Weise nach außen. Speichern Sie Ihre Arbeit oft und laden Sie die Seite in einem Browser, um sicherzustellen, dass die Struktur entpuppt sich die Art und Weise Sie sich vorstellen .