HTML erstellen

HTML erstellen ist an sich keine große Sache. Die wichtigste, große Erkenntnis auf dem Weg zum HTML-Gott ist ein eher unscheinbares Detail, das unglaublich banal scheint und deswegen wohl so selten auch nur erwähnt wird: HTML, CSS, PHP, XML und Co ist Text. Nichts weiter. Denke darüber nach. Wie viel leichter ist das Ziel 'HTML erstellen' zu erreichen, wenn diese simple Tatsache erstmal bewusst wird. Es wird kein extra Programm benötigt, um eine Webseite zu erstellen, auch wenn es Software (Dreamweaver CS3 (Student Edition) * oder Dreamweaver CS3 *) und entsprechendes Training-Material (Dreamweaver CS3 Video-Training *) gibt, die den Seitenaufbau erheblich erleichtern. Es muß kein kryptisches Irgendwas gepaukt werden, wie es in Hackerfilmchen gerne als nur von Cracks beherrschbar dargestellt wird. Ein einfaches Notepad, der XP- oder Vista-Editor genügt, um ein paar sprechende HTML-typische Worte einzutragen. Das Ganze speichere man als .htm oder .html und fertig ist das, was der Internet Explorer oder Firefox oder welcher Browser auch immer benötigt, um schön formatiert Informationen auszugeben.

Wo wir gerade bei schockierend einfachen aber massiv wirkenden Erkenntnissen sind: HTML wird ausschließlich beim Client, also im Browser des Anwenders interpretiert. Sachen wie Passwortvalidierung oder das Speichern von Formulardaten ist ohne zusätzliche Logik auf dem Server nicht zu machen. Ist das Dein Ziel, kümmere Dich um PHP oder Pearl, jedenfalls wenn Du den zweiten Schritt vor dem ersten machen möchtest. Denn auch PHP oder Pearl-Programme müssen ihre Ergebnisse browserfreundlich als HTML ausgeben.

Der dritte große Meilenstein ist die Sache mit den Tags. Wie schon erwähnt, wird eine html-Textdatei mit html-typischen Worten angereichert. Um Verwechslungen auszuschließen, werden diese auch Tags genannte Schlüsselworte in Kleiner- und Größerzeichen eingeschlossen. Tags funktionieren als Kommandos für den Browser. Manche Kommandos schlagen sich in Einmalaktionen nieder, wie zum Beispiel ein Bild ausgeben. Natürlich gibt es auch Kommandos, die sinnigerweise später wieder aufgehoben werden - zum Beispiel das Kommando 'gebe jeden Text ab hier Fett aus'. In HTML wird das so ausgedrückt: <B>. Die Stelle, ab der das Kommando nicht mehr gelten soll, wird mit einem schließenden Tag markiert: </B>. Wie wir sehen, bekommt das schließende Tag einfach ein Schrägstrich hinter das Kleinerzeichen gestellt.

Es wird Zeit für ein kleines Hallo Welt-Beispiel. Speichere mal diesen Text in einer Textdatei hallowelt.htm:

<HTML>

<BODY>

Hallo <B>Welt!</B>

</BODY>

</HTML>

Ziehe die Datei einfach von Deinem Explorer mit der Maus in Deinen Browser oder klicke alternativ hier und voila... Das Tag HTML bestätigt, dass es sich um eine HTML-Datei handelt und BODY schließt den Dokumentenbereich ein. Der Dokumentenbereich grenzt sich gegen den hier nicht verwendeten Kopfbereich ab, in dem weitere Informationen zur HTML-Datei bekannt gegeben werden. Wie ist das mit dem HTML erstellen? Einfach oder?

Stellt sich natürlich die Frage, wie wir auf die Idee gekommen sind, gerade die Tags genau dorthin zu schreiben, wo wir sie hingeschrieben haben. Das ist die Frage nach den Vokabeln und die löst man besten mit einer Referenz. Es gibt nahezu perfekte und sehr effiziente HTML-Referenzen, mit denen praktisch jeder in wenigen Stunden schicke HTML-Seiten basteln kann. Wir kommen in einer Minute darauf zurück, versprochen.

Vorher sollten wir noch zwei weitere fundamentale Fakten aufdecken. Zum einen dürfen (öffnende) Tags auch mit Attributen angereichert sein. Als Beispiel wird aus <input type='submit' value='Speichern'> in einer HTML-Datei, sobald diese im Browser angezeigt wird, ein Submit-Button für ein Formular. Und: Formatierung und die logische Inhaltsstruktur einer Website lassen sich getrennt speichern; Formatierung in sogenannten CSS-Dateien und die logische Inhaltsstruktur in den schon erwähnten HTML-Dateien. Wie genial ist das? In die HTML-Datei packt man seine Überschriften und die externe CSS lässt man die Schriftgröße, den Font und den Abstand zum nachgelagerten Text definieren. Und das geht mit Bildern, Text, und so weiter. Das ist ein bisschen so wie die Arbeit mit der Normal.dot in MS Word.

Hinsichtlich des Lernaufwandes vereinfacht CSS natürlich nicht gerade das Lernziel 'HTML erstellen', ganz zu schweigen von Javascript als Lösung zu so manchem Problem. Aber wie schon erwähnt wurde, ist eine brauchbare Referenz zusammen mit einem guten Benutzerhandbuch die halbe Miete. An dieser Stelle bleibt eigentlich nur das legendäre HTML Handbuch * zu empfehlen. Das Buch ist großartig. Also, worauf warten. Einfach mal loslegen.

Hier nochmal die wichtigsten Informationen über HTML für den Einsteiger:
HTML Erstellen