Vorbereitung
Hier findest du eine zip-Datei, in der eine vorbereitete HTML-Datei sowie eine CSS-Datei liegen. Diese kannst du aus Ausgangspunkt für die Bearbeitung der Aufgabe nutzen.
Aufgabe 1 - Text strukturieren
Zunächst muss der Text so formatiert werden, dass du damit arbeiten kannst. Gehe dafür wie folgt vor:
- Erstelle die HTML-Grundstruktur.
- Formatiere den Text mit Absätzen und Überschriften.
- Die Semesterzeiten, die Forschungsgruppen und die Tanz-Kurse sollen mit den passenden Listen-Typen formatiert werden.
- Die beiden Adressen sollen als Absätze formatiert werden, in der jede Zeile zwar eine eigenständige Zeile bildet, sich aber im gleichen Absatz befindet.
Aufgabe 2 - Text formatieren
Nachdem der Text strukturiert ist, kann er formatiert werden:
- Die Namen des Senders und des Empfängers sollen als wichtig (<strong>) markiert werden.
- Die verschiedenen Daten sollen auch vom Computer lesbar sein.
- Die Absende-Adresse und das Sende-Datum sollen als class-Attribut den Wert "sender-column" bekommen, das CSS-Stylesheet wird dafür sorgen, dass diese am rechten Rand orientiert sind.
- Die Abkürzungen sollen als solche markiert werden und sollen auch deren lange Form anzeigen.
- Die hoch- bzw. tiefgestellten Zahlen in den chemischen bzw. mathematischen Formeln sollen entsprechend formatiert werden.
- Das Grad-Zeichen und das Multiplikationssymbol sollen als die entsprechenden HTML-Entitäten eingefügt werden.
- Markiere mindestens zwei wichtige Worte in dem Text als wichtig und als hervorgehoben.
- Füge an den beiden entsprechenden Stellen Hyperlinks ein. Als Ziel sollen die Links auf http://www.example.com zeigen.
- Das Zitat des Universitätsmottos soll mit dem passenden Element hervorgehoben werden.
Aufgabe 3 - Meta-Daten
Zuletzt muss das Dokument noch mit Meta-Daten bestückt werden:
- Die Zeichenkodierung soll als „utf-8“ angegeben werden.
- Der Autor soll entsprechend angegeben werden.
- Das CSS-Style-Sheet soll referenziert werden.
- Gib dem Dokument einen passenden Titel.
HTML-Validator
Du kannst mit dem HTML-Validator überprüfen, ob dein Dokument fehlerfrei ist.