HTML

erste HTML-Seite

Wir steigen hier ganz einfach ein. Dabei werden wir sehr schnell eine HTML-Seite entwerfen, die in einem Web-Browser angezeigt werden kann.

Dabei werden die Beispiele am Anfang sehr einfach gehalten werden, damit ein grundlegendes Verständnis aufgebaut werden kann. Dadurch sind die ersten Seiten, die wir hier erstellen, noch kein valides XHTML, sondern einfach zum HTML lernen. Valide XHTML-Seiten sind nach bestimmten Regeln aufgebaut.

Aber kein Angst - wir kommen von den einfachen Webseiten über den entsprechenden Wissenszuwachs sehr bald zu validen XHTML-Seiten und Sie bekommen die Werkzeuge an die Hand, um sich selber kontrollieren zu können!

sehr einfach HTML-Seite

Für das Grundverständnis legen wir nun eine Seite in einem einfachen Texteditor (z.B. Notepad unter Windows) an und speichern diese mit dem Namen "index.htm". Wichtig ist dabei die Endung. Durch die Endung sagen wir, dass es sich um eine HTML-Seite handelt.

Übung: erstellen Sie Ihre erste Seite mit  folgendem inhalt :

erste HTML-Seite

Geben Sie folgenden Text exakt so in den Texteditor Notepad (oder anderen einfachen Texteditor) ein. Bitte auch die Leerzeichen und die Umbrüche

Herzlich willkommen auf
der meiner ersten HTML-Seite

Hier finden
Sie meine erste Homepage zum
Lernen von HTML

Ihr
Manfred
Mustermann

Nach der Eingabe speichern Sie die Datei unter dem Namen "index.htm". Ansehen in einem Website-Browser (z. B. Internet Explorer oder Firefox)

Dazu geben wir exakt wie im folgenden Ausdruck den Code ein:

Herzlich willkommen auf
meiner ersten HTML-Seite

Hier finden
Sie meine erste Homepage zum
Lernen von HTML

Ihr
Manfred
Mustermann

Nun schauen wir uns diese Seite im einem Webbrowser an. Die Datei hat durch die Endung ".htm" im Betriebssystem das Browserlogo bekommen (meistens das Internet-Explorer E oder je nach Webbrowser das entsprechenden). Sobald wird die Datei doppelt anklicken wird diese im Webbrowser angezeigt. Die Ausgabe im Browser sollte ungefähr wie folgt aussehen:

Herzlich willkommen auf meiner ersten HTML-Seite Hier finden Sie meine erste Homepage zum Lernen von HTML Ihr Manfred Mustermann

Erstaunlich, oder? Alle Umbrüche sind beseitigt und mehrere Leerzeichen werden zu einem Leerzeichen zusammengefasst. Nicht wundern - denn dies ist in HMTL völlig normal.

Schockiert wie einfach HTML Seiten sein können?

Das ist durchaus schon eine HTML-Seite (wenn auch nicht valide). Hier sehen Sie den Grund für den Siegeszug von HTML. Durch sehr einfache Mittel können Inhalte für andere bereitgestellt werden, die dann weltweit darauf zugreifen können. Unsere Datei müssten wir dazu nur noch auf einen Webserver schieben (dazu kommen wir später).

Als nächstes wollen wir unseren Text gliedern und sauber anzeigen lassen. Dazu benötigen wir die ersten HTML-TAGs.