Diese Einführung ist für die ersten Schritte in HTML bzw. JavaScript gedacht. Für Weiterführungen wird auf die Literatur und Internet-Adressen im Kapitel "HTML-900.htm" verwiesen.
Die einzelnen Kapitel sind aufeinander aufbauend. Nur in ganz wenigen Fällen waren Vorgriffe auf spätere Kapitel nicht vermeidbar. Dem Anfänger wird empfohlen, die Kapitel in der vorgegebenen Reihenfolge durchzuarbeiten.
In dieser Einführung wird bewußt nicht "corporate identity" betrieben; die Studierenden sollen selbst beurteilen, wie sich die verschiedenen Formatierungen, Schriften, Hintergründe usw. auf das Erscheinungsbild und auf die Lesbarkeit auswirken. Der Autor hofft, dass besonders schlimme Gestaltungen auch als solche erkannt werden ;-)
Hinweis: Das Skriptum bzw. Tutorial wurde zu einem Zeitpunkt erstellt,
zu dem Cascaded Stylesheets (CSS-Stilvorlagen) von den Browsern nur unzureichend unterstützt wurden.
Die Situation hat sich zwischenzeitlich entscheidend verbessert.
Es wird empfohlen, nach den ersten Schritten die einschlägigen Kap. 080, 082 und 084 zu studieren
und neue Projekte konsequent auf Stilvorlagen aufzubauen. Damit wird eine weitgehende
Trennung von Inhalt und Formatierung erreicht. Der Aufwand für Erstellung und Pflege der
HTML-Seiten reduziert sich nach einer gewissen Einarbeitungsphase erheblich.
Dez. 2003, Dr. Karl Haller
Nachtrag vom Feb. 2015:
Neu erstellte Internet-Seiten sollten mit dem offiziellen Validator des
World-Wide-Web-Consortiums (W3C) geprüft werden.
Adresse für HTML-Seiten bis Version 4.01 und XHTML:
http://www.validator.org/
Für HTML 5:
https://html5.validator.nu/
und für CSS-Stilvorlagen:
http://jigsaw.w3.org/css-validator/
Für die Validierung müssen die HTML-Seiten am Anfang, also vor "<html>", zwingend einen DOCTYPE-Eintrag aufweisen. Beispiel für HTML 4.01:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Für die (strengere) Strict-Version von HTML 4.01 muss notiert werden:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Für XHTML 1.0 (hier nicht behandelt) müsste notiert werden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Für die (strengere) Version von XTML 1.0 müsste notiert werden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Für HTML 5 (offizielle Freigabe am 28.10.2014) sieht der DOCTYPE-Eintrag dagegen ganz einfach aus:
<!DOCTYPE html>
Weiter muss im head-Abschnitt der Zeichensatz deklariert werden. Ein Beispiel:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
oder:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Bei Verwendung von CSS-Stilvorlagen muss im head-Abschnitt weiter notiert werden:
<meta http-equiv="Content-Style-Type" content="text/css">
und bei Verwendung von JavaScript im head-Abschnitt auch:
<meta http-equiv="Content-Script-Type" content="text/javascript">
Mit dem Validator lassen sich sowohl lokale Dateien als auch URL-Dateien aus dem Internet prüfen. Man wird anfangs bei händisch erstellten HTML-Seiten über die vielen Fehlermeldungen und Warnungen erstaunt sein. Viele davon könnten Verstöße gegen die Hierachie-Regeln sein (siehe Seite "HTML-078.htm") und eine größere Anzahl von Folgefehlern produzieren. Die Behebung eines primären Fehlers reduziert die Anzahl der Fehlermeldungen oft dramatisch. Eine Folge hat die fehlgeschlagene Validierung nicht - auch Seiten mit schweren Fehlern bleiben unverändert.
Man ist erstaunt, dass moderne Brower auch schwere HTML-Fehler "ausbügeln", verlassen darauf kann man sich aber nicht. Auch Seiten die von Content Management Systemen (CMS) generiert werden, können Fehler aufweisen.
Zwischenzeitlich wurden in diesem Internetauftritt alle HTML-Seiten und alle CSS-Stilvorlagen erfolgreich validiert.
Der Autor ist der Meinung, dass man sich zuerst den Grundwortschatz von HTML aneignen sollte, dazu soll dieses Tutorial dienen; dann erst sollten CSS-Stilvorlagen folgen. Im Tutorial wird nur noch an wenigen Stellen der verpönte Font-Tag <font> benutzt. Damit lässt sich die Wirkung leicht erkennen, ohne in den CSS-Stilvorlagen nachsehen zu müssen, die auch in externen Dateíen ausgelagert werden sein können. Dennoch: Nach einer gewissen Lernphase wird die Umstellung auf CSS dringend empfohlen.
Es ist in einem HTML-Tutorial, das auschließlich aus HTML-Seiten besteht, nicht möglich, alle Vorgehensweisen auf der HTML-Oberfläche zu erklären. Die Einsicht in den HTML-Quellcode ist für das Verständnis unerläßlich.