HTML, Tabellen

FullPress auf Google folgen

Füge uns deinen bevorzugten Quellen hinzu.

Die neuen „Gurus“ der Informatik tendieren dazu, einer Website durch die Verwendung von „Style Sheets“ Ordnung und Linearität zu verleihen, weil das W3C es so will … Wir werden später auf „Style Sheets“ eingehen, aber ich behaupte, dass die Ordnung, die Tabellen einem Webdokument verleihen, unübertroffen ist. Gut, nun, da Sie wissen, dass Tabellen die Grundlage der Struktur einer Webseite bilden, lassen Sie uns mit ihnen Freundschaft schließen, ja?

Beginnen wir gleich damit, dass es zwei Maßeinheiten für Tabellen gibt, nämlich,Pixel und Prozent. Bei der Verwendung von Pixeln wird die Tabelle vom Typ fest, das heißt, bei jeder Videoauflösung, die Ihre Benutzer verwenden, wird die Tabelle immer mit den gleichen Maßen angezeigt. Wenn Sie stattdessen ein Maß in Prozent verwenden, wird die Tabelle vom Typ fließend, d. h. sie passt sich automatisch an die Videoauflösung Ihrer Benutzer an. Hier ist ein Beispiel, um dieses Konzept besser zu verstehen.

Angenommen, Sie erstellen eine Tabelle von 400 Pixeln. Ihre Benutzer sehen immer 400 Pixel auf dem Bildschirm, unabhängig von der Auflösung, die sie verwenden. Wenn Sie stattdessen eine Tabelle von 80 % erstellen, wird diese immer und unter allen Umständen 80 % des Bildschirms Ihrer Benutzer einnehmen.

Daher werden wir zusammenfassend sagen, dass es zwei Arten von Tabellen gibt: fest e fließend, die sich durch die für ihre Erstellung verwendete Maßeinheit unterscheiden. Zusammenfassend können wir ruhig sagen, dass Tabellen das Layout einer Webseite regeln, d. h. die grafische Darstellung auf dem Bildschirm.

Nachdem wir gesehen haben, was Tabellen sind und wozu sie dienen, lassen Sie uns eine erstellen. Sagen wir gleich, dass Tabellen unterteilt werden können in Zeilen e Spalten und die Vereinigung dieser Unterteilung bildet die Zellen der Tabelle. Eine Tabelle muss mindestens eine Zeile enthalten, um gültig zu sein! Sehen wir uns nun einige Beispiele an, um das oben Gesagte besser zu verstehen:

Nun, nach dieser wichtigen Einleitung, fahren wir fort, eine Tabelle mit 400 Pixeln und einer Zeile zu erstellen. Zum Erstellen einer Tabelle wird das Tag table zusammen mit anderen Parametern verwendet, die das Aussehen der Tabelle selbst steuern. Hier ist also unsere Tabelle mit diesen Parametern, die wir später kommentieren werden:

In diesem Beispiel haben wir den Rand der Tabelle mit 1 Pixel über das Attribut border eingestellt, so wie wir die Länge mit 400 Pixeln über das Attribut width eingestellt haben. In diesem durchgeführten Beispiel haben wir keine Zeilen eingefügt, aber wenn eine Tabelle gültig sein muss, um mindestens eine Zeile zu haben… fügen wir sie jetzt ein.

Durch die Verwendung von tr haben wir eine Zeile zu unserer Tabelle hinzugefügt. Sie können feststellen, dass mit der alleinigen Einfügung von tr, obwohl gültig, im Video nichts angezeigt wird. Es braucht das dritte Basiselement für die Erstellung einer Tabelle und das Element ist td das eine Zelle in der Tabelle erstellt. Hier sind also die drei Basiselemente für eine Tabelle, nämlich table, tr und td.

Zusammenfassend haben wir eine 400 Pixel lange Tabelle mit einem 1 Pixel Rand erstellt, die aus einer Zeile und einer Zelle besteht. Hier ist unsere Tabelle:

In den nächsten Lektionen werden wir sehen, wie man Zellen hinzufügt, Zellen zusammenführt und viele andere Elemente von Tabellen.