Aufgabe 1a) ----------- Welche Fehler enthalten die folgenden HTML-Fragmente? (1)

Überschrift A

Überschrift B

(2)

Ein Paragraph mit fettem und fett-italic Text.

(3)

kursive Überschrift

Zunächst einmal sollten Umlaute (z.B. das "Ü" in "Überschrift") am besten als Character Entity (hier z.B. "Ü") dargestellt werden. Zwar wird in korrekten HTML-Dateien dem Browser mit dem "charset"-Attribut mitgeteilt, welcher Zeichensatz verwendet wurde, das muss aber noch lange nicht bedeuten, dass der Browser diesen Zeichensatz auch unterstützt. Weitere Fehler: (1) Das Überschrifts-Tag

wird nicht beendet. Das Überschrifts-Tag

wird falsch (mit

) beendet. (2) Die Einbettung in

und

ist richtig und notwendig. Die Verschachtelung der Format-Tags in der Reihenfolge ,, und ist unzulässig. Merke: Tags müssen (ähnlich wie klammern) in der Reihenfolge geschlossen werden, in der sie geöffnet wurden. (3) Die Tags

und

definieren (ähnlich wie z.B.

und

) ein sogenanntes Blockelement. Formattags wie und sind sogenannte Inline-Elemente, die nur innerhalb von Blockelementen (oder Listenelementen) verwendet werden können. Aufgabe 1b) ----------- Welche Funktion haben die folgenden Zeilen in HTML-Dateien, und wo müssen sie jeweils stehen? (1) (2) (3) (1) Bei diesem Tag handelt es sich nicht um einen HTML-, sondern um einen SGML-Befehl (SGML = Standard Generalized Markup Language). Er gibt an, dass es sich bei dem Dokument um ein HTML-Dokument handelt. Das Attribut PUBLIC zeigt außerdem, welche DTD (Document Type Definition) ein SGML-Parser verwenden muss, um das Dokument lesen zu können: - W3C bezeichnet das World Wide Web Consortium, - DTD HTML 4.01 ist die Versionsnummer und - EN die verwendete Sprache. Das Tag sollte immer als erstes im Dokument stehen (also noch vor dem -Tag). (2) -Tags bezeichnen Meta-Inhalte, d.h. was dahinter steht, IST nicht eigentlich Inhalt des HTML-Dokuments, sondern BESCHREIBT diesen Inhalt. Das Attribut "http-equiv" weist den Server an, bereits vor der Übertragung des eigentlichen Dokumentes ein oder mehrere Name/Wert-Paare an den Browser zu übertragen. In diesem Falle sind dies: content-type: text/html (d.h.: "Jetzt kommt ein HTML-Dokument") charset: iso-8859-1 (d.h.: "Zeichensatz ist ISO-8859-1") Äquivalent hätte man auch schreiben können: -Tags werden immer im Dokument-Header untergebracht. (3) -Tags definieren eine Beziehung zwischen dem aktuellen Dokument und einem anderen. Dabei werden hier die folgenden Attribute festgelegt: - rel="stylesheet": Das Zieldokument ist das Stylesheet für das aktuelle Quelldokument - href="mystyle.css": Das Zieldokument hat die (relative) URL "mystyle.css" - type="text/css": Das Zieldokument ist vom Typ CSS. Auch -Tags sind immer Teil des Dokumenten-Headers.