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:

bild0.jpg

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

HeldPowerNemesis
Die XMLatorEinhaltung von StandardsSloppy-Code Boy
Kapitän CSSSuperlayoutHerr Veraltete
Browser FrauMegacompatibilityHä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.

  1. 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.

  2. Beginnen Sie die Tabelle mit dem Tag.

    Das Paar umschließt die gesamte Tabelle.

  3. 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.

  4. 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.

  5. Geben Sie gewöhnliche Datenzellen mit dem Paar.

  6. 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.

  7. 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.

Menü