Wie bauen Tabellen in HTML5
Manchmal wird Ihre Webseite enthält Daten am besten in einer Tabelle dargestellt. Sie können HTML5 ist voll funktionsfähige Tischsystem zur Erstellung von Tabellen, wie die in diesem Beispiel verwendet werden:
Die grundlegende Struktur einer Tabelle im HTML-Format ist relativ einfach, den Code zu Verständnis überprüfen, die in der Tabelle im Beispiel erstellt:
basicTable.html Eine grundlegende Tabelle
HTML Superhelden
Held | Power | Nemesis |
---|---|---|
Die XMLator | Einhaltung von Standards | Sloppy-Code Boy |
Kapitän CSS | Superlayout | Herr Veraltete |
Browser Frau | Megacompatibility | Hässlich-Code Monster |
den Code Prüfungs zeigt, dass eine Tabelle einfach eine Reihe von sorgfältig verschachtelten Tags ist. Der Prozess für einen Tisch bauen, ist nicht schwierig, aber es hat einige Umsicht erfordert.
Planen Sie Ihren Tisch, so dass Sie wissen, wie viele Spalten, die Sie wollen, und welche Zeilen oder Spalten Schlagzeilen sein.
Skizzieren Sie Ihre Tabelle auf dem Papier zunächst eine gute Idee, vor allem, wenn es überhaupt kompliziert.
Beginnen Sie die Tabelle mit dem Tag.
Das Paar umschließt die gesamte Tabelle.
Erstellen Sie eine Tabellenzeile mit dem Paar.
Eine Tabelle ist nur eine Reihe von Zeilen. Sie müssen das Paar jede Zeile von Daten zu umschließen.
Bedeuten Schriften mit.
Oft ist die obere Reihe (und vielleicht auch die linke, die meisten Spalte) enthalten Schriften. Verwenden Sie das Paar Text zu bezeichnen, die als Überschrift Zelle behandelt werden soll. Standardmäßig sind solche Zellen im Allgemeinen kühner und zentriert, aber das kann mit CSS verändert werden.
Geben Sie gewöhnliche Datenzellen mit dem Paar.
Halten Sie die Anzahl der Zellen konsistent über Reihen.
Wie Sie besser vertraut mit HTML5 Tabellen werden, können Sie Wege finden, eine Zelle über mehrere Zeilen oder Spalten zu erweitern.
In CSS nach Bedarf.
Tabellen haben eine grundlegende Format, die Sie mit CSS ändern können - Grenzen hinzufügen, zum Beispiel.
Obwohl HTML5 Benutzer Möglichkeiten entwickelt haben Tabellen Zwecke, für das Layout zu verwenden, bietet CSS die alle Seiten-Layout-Techniken die Sie benötigen, so verwenden HTML5 Tabellen für den beabsichtigten Zweck: tabellarische Darstellung von Daten.