Geschichte: Projekt

Die Seite «Geschichte» soll erstellt werden. Hierzu verwenden wir das HTML-Element Tabelle.

Ziel(e)

• Ich kann eine Aufgabe nach Aufgabenstellung lösen.

• Ich komme selbständig zu den notwendigen Informationen.

• Ich kann eine HTML-Tabelle korrekt umsetzen.

Aufgabe

Passe die Seite «Geschichte» so an, dass Sie wie auf dem Screenshot daherkommt: Titel und Untertitel anpassen.

Füge danach eine Tabelle ein. Zeilen und Spalten gemäss Screenshot. Übernehme die Jahreszahlen wie auf dem Screenshot. Die Beschreibung zu den Jahren kannst du wieder als Lorem-Ipsum-Text nehmen.

Passe die Tabelle dann mit CSS an:

• Der Rand der einzelnen Zellen soll 1px, durchgehend und schwarz sein.

• Die erste Spalte soll 10% breit sein, die Texte in fetter Schrift und zentriert.

• Der Abstand zwischen Zellenrand und Inhalt soll 10px sein.

Die notwendigen CSS-Deklarationen hast du alles schon in den vorherigen Aufgaben gelernt.

Musterlösung