HTML-Tabellen sind einfach zu erstellen, wenn Sie die Grundlagen von Zeilen und Spalten verstanden haben und auch, wenn Sie verstanden haben, wann eine Tabelle verwendet werden darf und wann sie vermieden werden sollen.
Eine kurze Geschichte von Tabellen und Webdesign
Vor vielen Jahren, bevor CSS- und Webstandards akzeptabel waren, haben Webdesigner HTML verwendet
Element zum Erstellen eines Seitenlayouts für Websites. Website-Designs würden wie ein Puzzle in kleine Teile "geschnitten" und dann mit einer HTML-Tabelle kombiniert, um sie wie beabsichtigt im Browser zu rendern. Es war ein sehr komplexer Prozess, der viele zusätzliche HTML-Markups hervorbrachte und die heute in der Multi-Screen-Welt, in der sich unsere Websites befinden, nie verwendet werden könnten. Da CSS zur akzeptierten Methode für das Seitenlayout und das Layout von Webseiten wurde, wurde die Verwendung von Tabellen dazu gemieden und viele Webdesigner glaubten fälschlicherweise, dass "Tische schlecht waren". Das war und ist nicht wahr. Tabellen für das Layout sind schlecht, aber sie haben immer noch einen Platz in Webdesign und HTML, nämlich um tabellarische Daten wie Kalender oder Zugpläne anzuzeigen. Für diesen Inhalt ist die Verwendung einer Tabelle immer noch ein akzeptabler und guter Ansatz.
Wie stellt man eine Tabelle zusammen? Beginnen wir mit dem Erstellen einer 2x2-Tabelle. Dieser hat 2 Spalten (dies sind die vertikalen Blöcke) und 2 Zeilen (die horizontalen Blöcke). Nachdem Sie eine 2x2-Tabelle erstellt haben, können Sie eine Tabelle beliebiger Größe erstellen, indem Sie einfach zusätzliche Zeilen oder Spalten hinzufügen.
Hier ist wie
-
Öffnen Sie zuerst den Tisch
-
Öffnen Sie die erste Zeile mit dem Tag tr
-
Öffnen Sie die erste Spalte mit dem Tag td
|
-
Schreiben Sie den Inhalt der Zelle
-
Schließen Sie die erste Zelle und öffnen Sie die zweite
|
-
Schreiben Sie den Inhalt der zweiten Zelle
-
Schließen Sie die zweite Zelle und schließen Sie die Zeile
-
Schreiben Sie die zweite Zeile genau wie die erste
| | |
-
Schließen Sie dann den Tisch
-
Das ist es!
Sie können sich auch dazu entscheiden, Tabellenheader mit der
Element. Diese Tabellenüberschriften würden die Teile der "Tabellendaten" in der ersten Tabellenzeile wie folgt ersetzen:
| Name | Rolle | | Jeremy | Designer | Jennifer | Entwickler |
Wenn diese Seite im Browser gerendert wird, wird die erste Zeile mit den Tabellenköpfen standardmäßig in Fettdruck angezeigt, und sie werden in der Tabellenzelle zentriert, in der sie angezeigt werden.
Ist es in Ordnung, Tabellen in HTML zu verwenden?
Ja, solange Sie sie nicht für Layoutzwecke verwenden, können Sie Tabellen verwenden. Wenn Sie tabellarische Informationen anzeigen müssen, ist dies eine Tabelle. In der Tat ist das Vermeiden einer Tabelle wegen falscher Reinheit, um dieses legitime HTML-Element zu meiden, genauso rückständig wie die Verwendung dieser Elemente aus Layoutgründen in der heutigen Zeit.
Geschrieben von Jennifer Kyrin. Herausgegeben von Jeremy Girard.
|
