HTML


Homepage-Programmierung: Ohne HTML geht gar nix!

Was ist HTML?
HTML ist die Programmiersprache, die das Grundgerüst einer jeden Webseite bildet. Um HTML interpretieren zu können, benötigt man eine Software, den Browser. Wenn Sie in Ihrem Browser einmal „Ansicht“ und dann „Quelltext“ bzw. „Seitenquelltext“ wählen, je nachdem, welchen Browser Sie gerade benutzen, dann wird Ihnen die HTML Programmierung der aktuelle Webseite angezeigt. Das sieht auf den ersten Blick alles etwas wuselig aus, doch kann man den Code zumindest lesen und wenn man darüber hinaus des Englischen mächtig ist, kann man sich bei dem ein oder anderen Code-Schnipsel sogar etwas denken. HTML ist im sogenannten „Klartextformat“ codiert, das heißt, man kann, ohne weitere Software installieren zu müssen, mit einem einfachen Editor, wie er zum Beispiel in Windows integriert ist, HTML-Dateien erstellen.

Was kann HTML?
Im Prinzip kann HTML nur Inhalte wie in einem Buch in Form von Texten darstellen, wofür ein sehr begrenztes Arsenal an Formatierungsanweisungen zur Verfügung steht. Das Internet hätte nun nicht seinen Siegeszug angetreten, wenn das alles wäre, denn der Spaß an elektronischen Buchseiten hält sich in Grenzen. Also kamen zunächst Bilder hinzu, die mit der Textseite verknüpft werden können. Dann gibt es noch Animationen, die Bewegung auf eine Webseite bringen. Die werden über spezielle Programmiersprachen wie zum Beispiel „Javascript“ verwirklicht. Diese sogenannten Scripte werden auf die HTML Programmierung aufgesetzt. Eine Webseite besteht also aus vielen, voneinander unabhängigen Teilen, die mittels einer HTML-Datei organisiert werden. Diese Datei rufen Sie dann auch über die Adresszeile Ihres Browsers auf – und dorthin werden alle anderen Elemente, die über das ganze Internet verteilt sein können, nachgeladen. Wenn Sie eine Internetseite aufgerufen haben, dann haben Sie sich vermutlich schon mal darüber gewundert, dass nach dem Text hier und da immer noch mal eine Grafik oder ein Werbebanner erscheint. Das liegt meist daran, dass von überall her die Daten an den Browser geliefert werden, der sie dann, so wie sie reinkommen, auf dem Bilschirm darstellt.

Eine erste (fehlerhafte) Webseite
Damit der Einstieg in die Homepage-Erstellung nicht zu trocken wird, programmieren wir jetzt einmal eine erste Webseite: Öffnen Sie dazu einen Texteditor (unter Windows in der Regel: Start – Programme – Zubehör – Editor). Schreiben Sie jetzt einfach „Hallo Welt“ und speichern Sie die Datei in einem beliebigen Verzeichnis unter einem beliebigen Namen mit der Dateiendung „.html“ auf der Festplatte ab. Öffnen Sie jetzt die Datei in Ihrem Browser (meistens: Datei – öffnen, es erscheint ein Fenster, über das Sie Ihre Festplatte nach der Datei absuchen können, Datei markieren und dann „OK“ drücken). Schon erscheint, oh Wunder, Ihr Text auf dem Bildschirm.

Doch ganz so einfach ist die Sache natürlich nicht, denn das, was sie gerade programmiert haben, ist schlechtes HTML. Gutes HTML zu programmieren, ist allerdings auch nicht viel schwieriger – und darum wollen wir uns in diesem Tutorial bemühen.