Übungsaufgabe Tabelle mit css

Aufgabe:

Erstellen Sie eine Tabelle bestehend aus 5 Spalten und insgesamt 15 Zeilen. Die Tabelle ist auf der Internetseite sowohl vertikal als auch horizontal zentriert angeordnet.

Die oberste Zeile der Tabelle stellt den Titelbereich für die jeweilige Spalte dar, die unteste den Fußbereich.

Nachdem Sie die Tabelle erstellt haben, färben Sie den Headerbereich und den Footerbereich ein, die Zeilen im Tabellenbody wechseln sich farblich ab. (z.B abwechselnd hellgrau und dunkelgrau) Wählen Sie die Schriftarten für die verschiedenen Zeilen so, dass der Zelleninhalt gut lesbar ist.

Zudätzlich soll die Tabelle solche Eigenschaften besitzen, dass sich bei Verkleinerung des sichtbaren Bildschirmbereichs entweder je nach Bedarf Spalten rechts und die Zeilen des Tabellenbody von unten beginnend so ausblenden, dass die Tabelle im Browserfenster Platz hat.

Nachfolgend sehen Sie ein paar Beispielbilder, durch klicken auf das Bild sehen Sie die Originalgröße in einem neuen Tab.

Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Bild 6