HTML lernen (2): Tabellen erstellen

Von: Kerstin Dankwerth
Stand: 1. September 2007
3.5
(2)
Beitrag bewerten
Anmelden um Kommentare zu schreiben

Gestaltung von Tabellen

Die nachfolgend aufgeführten HTML-Anweisungen bieten Ihnen die Möglichkeit, das Aussehen der gesamten Tabelle zu bestimmen. Alle Attribute für die globale Tabellengestaltung werden im einleitenden <table>-Tag der Tabelle eingesetzt.

Attribute für das <table>-Tag

border="X"

- definiert einen Rahmen. Dem Attribut kann ein Wert zwischen 0 und 100 zugewiesen werden, der die Stärke nur für den äußeren Rahmen festlegt.

Beispiel:

<table border="3">

cellspacing="X"

Bestimmt die Stärke (in Pixeln) der Gitternetzlinien zwischen den Zellen.

Beispiel:

<table border="3" cellspacing="15">

cellpadding="X"

Bestimmt den Abstand des Zellinhaltes zum Zellenrand in Pixeln.

Beispiel:

<table border="3" cellpadding="20">

width="X%" / width="X"

Legt die Breite der Tabelle fest. Die Werte können in Prozent (relativ zum Browser-Fenster, z.B. 90%) oder in Pixeln (als absoluter Wert, z.B. 500) angegeben werden.

Beispiel:

<table border="3" width="70%">

height="X%" / height="X"

Legt die Höhe der Tabelle fest. Die Werte können in Prozent (relativ zum Browser-Fenster, z.B. 90%) oder in Pixel (als absoluter Wert, z.B. 500) angegeben werden.

Beispiel:

<table border="3" height="80%">

bgcolor="#XXXXXX"

Definiert die Hintergrundfarbe der Tabelle.

Beispiel:

<table border="3" bgcolor="#0066CC">

bordercolor="#XXXXXX"

Bestimmt die Farbe für den Rahmen und das Gitternetz.

Beispiel:

<table border="3" bordercolor="#0066CC"> Ansicht

background="Dateien"

Setzt ein Hintergrundbild ein.

Beispiel:

<table background="images/compass.gif" height="80%" width="80%" border="1">

Übung

  • In dieser Übung werden die oben aufgeführten Attribute zur Tabellengestaltung eingesetzt. Legen Sie als erstes bitte eine neue HTML-Datei an. Bestimmen Sie anschließend das Aussehen der Tabelle indem Sie die folgenden HTML-Anweisungen einsetzen. - Die Tabelle soll aus 2 Spalten und 2 Zeilen bestehen. - Breite der Tabelle = 70% des Browser-Fensters. - Höhe der Tabelle = 80% des Browser-Fensters. - Rahmenstärke ="1".

Hier finden Sie die Lösung.

Dieser Beitrag ist öffentlich.
Zugriff auf alle Inhalte haben Sie als Mitglied

Werden Sie Probemitglied - kostenlos.

Ohne finanzielles Risiko haben Sie Zugriff auf alle Inhalte auf akademie.de, außer Downloads. Die Anmeldung dauert drei Minuten. Sie können während der ersten 14 Tage ohne Angabe von Gründen stornieren. Eine E-Mail genügt.

Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein