Tabellen Info im HTML

Tabellen in HTML gestalten

Bis jetzt haben Sie HTML-Befehle verwendet, um Elemente auf Ihren Seiten erstellen und positionieren zu können. Sie können zur Präsentation von Informationen und Inhalt auf Ihren Seiten  Absätze und  Listen verwenden, aber es gibt noch eine andere Möglichkeit. Wenn Sie nämlich Tabellen verwenden, können Sie Inhalte aller Art auf Ihrer Webseite mit Zeilen und Spalten mit oder ohne Rand layouten. Der in den Tabellen integrierte Inhalt ist nicht auf Text begrenzt. Da Sie wirklich jeden HTML-Inhalt in Tabellen eingeben können (Bilder, Links, Formulare und mehr), bieten Tabellen eine größere Kontrolle über das Erscheinungsbild Ihrer Webseite.

HTML 4.0 enthält Veränderungen, die das Laden und Anzeigen von Tabellen im Browser entschieden verbessert haben. Inzwischen ist es möglich Tabellen zu definieren, die inkrementell angezeigt werden bzw. in nicht grafisch orientierten Browsern (zum Beispiel Textbrowser) einfacher zu- gänglich sind. Über zusätzliche Elemente lassen sich Tabellen mit Kopf- und Fußzeilen, die dann seitenübergreifend dargestellt werden können, erstellen (wie zum Beispiel bei gedruckten Tabellen).

Heute lernen Sie Folgendes:

• Wie die Tabellen im Web heute aussehen
• Wie Sie Tabellen in HTML definieren
• Wie Sie Titel, Zeilen, Überschriften und Datenzellen erzeugen
• Wie Sie die Ausrichtung in der Zelle anpassen
• Wie Sie Zellen erzeugen, die sich über mehrere Zeilen oder Spalten erstrecken
• Wie Sie den Tabellen Farbe verpassen
• Wie Sie Tabellen in Ihre Web-Dokumenten einsetzen (oder auch nicht)

Eine Bemerkung zur Definition von Tabellen

Als Tabellen von Netscape Anfang 1995 eingeführt wurden, haben Sie in einer rasanten Geschwindigkeit das Webseiten-Design revolutioniert - nicht nur, weil diese für Präsentationsdaten in Tabellenform verwendet wurden, sondern auch, weil sie Web-Designern eine viel bessere Kontrolle über das Seitenlayout und das Platzieren verschiedener  HTML-Elemente auf einer Seite gaben.

Jetzt enthalten Tabellenspezifikationen in HTML 4.0 viele Features, die man als Sytle Sheets anwendet. Obwohl die Netscape-Spezifikation abgeschlossen ist, definierten Browser-Entwickler wie Microsoft und Netscape immer mehr Tabellenfeatures, die sie in ihre Browser implementiert haben.

Wenn Sie Ihre Tabellen erstellen, denken Sie daran, dass sie sich immer wieder verändern werden; obwohl man nur ungern daran denkt, dass alles, was man jetzt designt, in der Zukunft von etwas anderem ersetzt sein wird, wird es wahrscheinlich Änderungen für die Zukunft geben. Mit dieser kleinen Warnung im Hinterkopf wollen wir uns nun an die Arbeit machen.

Einfache Tabellen gestalten

Um in HTML Tabellen zu konstruieren, definieren Sie die Teile der Tabelle und legen fest, welche HTML-Elemente wohin gehören. Anschließend setzen Sie dies in HTML-Code um. Danach verfeinern Sie die Erscheinung der Tabelle mit Ausrichtungen, Umrandungen und farbigen Zellen. In diesem Abschnitt werden Sie lernen, wie Sie eine einfache Tabelle mit Überschriften, Daten und Titel erzeugen.

Noch eine Bemerkung: Es macht wirklich keinen Spaß, Tabellen in HTML von Hand zu erstellen.

Der Code für Tabellen wurde nicht zur Bearbeitung von Hand konzipiert und ist deshalb ziemlich verwirrend. Sie werden eine ganze Menge experimentieren, testen und zwischen dem Browser und Ihrem Code hin- und herwechseln müssen, um die Tabelle richtig hinzukriegen.  HTML-Editoren können dabei gute Dienste leisten, genauso wie der Tabellen-Editor eines Textverarbeitungsprogramms oder einer Tabellenkalkulation Ihnen eine gute Grundidee darüber liefern können, was wohin gehört. Ich schlage aber vor, dass Sie zumindest die ersten Tabellen auf die harte Tour erstellen, sodass Sie eine Idee bekommen, wie die HTML-Tabellen funktionieren.