Textformatierung

Benutzen Sie für diese Aufgabe die - valide - HTML-Seite "Allgemeinwissen"", die Sie in der Aufgabe erstellt haben.

Falls Sie keine Lösung für diese Aufgabe haben, können Sie hier eine Musterlösung herunterladen. Referenzieren Sie darin ein neues Stylesheet schriften.css.

Erzeugen Sie die Datei schriften.css und hinterlegen Sie schrittweise darin die folgenden Regeln. Testen Sie nach jedem Schritt die Wirkung der Regeln:

1. Die Schrift für alle Texte auf der Seite sollte Verdana oder eine sonstige
2. Für alle Überschriften sollte die serifenlose "Arial" benutzt werden. Wählen Sie als alternative Schrift Verdana aus.
3. Alle Texte sollen prinzipiell mit 100% ihrer Standardgröße angezeigt werden. Ausnahmen:
   • Absätze und Termdefinitionen (<dl>) sollen mit einer um 30% kleineren Größe als die Standardschrift dargestellt werden.
   • <h1>-Elemente sollen mit einer um 50% größeren Größe dargestellt werden.
4. Entfernen Sie alle <strong>-Tags aus Ihrem HTML-Dokument. Stellen Sie alle <dt>-Elemente mit CSS-Mitteln fett dar.
5. Entfernen Sie alle <em>-Tags aus Ihrem HTML-Dokument. Stellen Sie die bisher mit <em> markierten Textabschnitte kursiv dar. Benutzen Sie dafür CSS-Angaben.
6. Formatieren Sie die <dl>-Elemente als Blockabsätze.
7. Ersetzen Sie die Aufzählungszeichen bei den unsortierten Listen durch Quadrate.
8. Ersetzen Sie die Nummern bei der Aufzählung der Fächer durch römische Zahlen.
9. Hinterlegen Sie als Hintergrund der gesamten Seite ein Muster, z.B. Punkte.
10. Unterstreichen Sie die vier Fächer Mathematik, Physik, Biologie und Geographie.