HTML Elemente – und zwar richtig programmiert
Wir hatten zuvor unseren ersten HTML-Code mit „Hallo Welt“ programmiert. Obwohl das kein korrektes HTML ist, hat der Browser den Text dennoch richtig angezeigt, was ganz einfach daran liegt, dass die Browser sehr wohlwollend über Fehler in der HTML-Programmierung hinwegsehen und diese selber nach eigenem Ermessen korrigieren. Korrekt hätte der Code so aussehen müssen:
Eine kurze Anmerkung noch zur Schreibweise des HTML-Codes: Prinzipiell ist es völlig egal, wie die einzelnen Zeilen des HTML-Codes organisiert sind – ob für jeden neuen Befehl eine eigene Zeile geschrieben wird oder alles aneinandergehängt wird. Für die Darstellung am Bildschirm spielt das alles keine Rolle. Wichtig ist einzig, dass der Programmierer den Überblick über den Zeichensalat behält.
Klammerstruktur von HTML-Elementen?
Fast alle HTML-Elemente werden mit einem „Tag“ (englisch für Etikett), das ist eine Anweisung, die in eckigen Klammern geschrieben wird, eingeleitet und auch wieder abgeschlossen. Schauen wir mal auf unseren Text „Hallo Welt“, dann sehen wir, dass er von einem <font …></font> Tag umklammert ist. Mit dem <font> Tag legt man in HTML Schriftformatierungen fest. In unserem Fall folgen dem einleitenden <font …> noch die Attribute oder Eigenschaften „face“ und „size“, wobei wir mit „face“ die Schriftart und mit „size“ die Schriftgröße in Punkten festlegen. Man kann sich die Funktionsweise von HTML-Elementen sehr gut vorstellen, wenn man mal in imaginärem HTML versuchen würde, sein Auto zu beschreiben. Das sähe dann vielleicht so aus: <auto marke=“vw“ farbe=“rot“ ps=“75″>Zur Arbeit fahren</auto>. Na, sehen Sie sich gerade in Ihrem Auto zur Arbeit fahren? Dann haben Sie schon viel von HTML verstanden und können dieses Beispiel ganz schnell wieder vergessen, denn, wie gesagt, dieses Element gibt es in HTML nicht.
Element-Verschachtelung
Die <font> Tags unseres Textes sind in unserem Fall noch von „<p>“ Tags eingefasst, welche einen Absatz beschreiben. In striktem HTML stehen Inhalte immer in einem „Blockelement“, das ist wie hier ein Absatz, kann aber auch eine Tabelle oder eine Überschrift sein. Damit haben sie auch schon eine weitere Eigenschaft von HTML-Elementen kennengelernt: Sie können ineinander verschachtelt sein. In unserem Beispiel haben wir zunächst einen Absatz erzeugt, in dem ein Text steht, der seinerseits durch Schriftangaben formatiert ist. Damit hätten wir ein korrektes HTML-Element geschrieben, das wir jetzt nur noch in eine korrekt definiertes HTML-Dokument einbetten müssen.