Einzelnen Beitrag anzeigen
15. February 2002, 01:22   #1
Akareyon
 
Registriert seit: November 2001
Beiträge: 2.823
HTML-Tutorial, erster Teil.

((ACHTUNG! in den HTML-Befehlen ist ein _ eingefügt, also <_body...> anstelle <body...>. Das _ ist nur da, damit die Board-Software das Geschriebene nicht als Kommando versteht! Laßt das _ also in euren HTML-Versuchen weg ))


Nu geht's los. Ich fange bei Null an, also die fortgeschrittenen bitte nicht aufstöhnend jammern: "Och nöö, das wissen wir doch alles schon!"

Ihr seid alle Hard-Core-Poster bei Skats. Das sind allerbeste Voraussetzungen. Denn ihr kennt bestimmte Befehle wie den [_quote]BLABLABLA[/_quote] schon so gut wie auswendig und ihr wißt: zwischen zwei eckigen Klammern steht ein Befehl. Ab dort gilt eine Regel, zum Beispiel befehlt ihr mit [_I] die Umschaltung auf Kursivschrift. Der Befehl wird wieder geschlossen, indem man ein [_/I] schreibt. ein / ist also der entsprechende Schließbefehl, und dieses Kommando umschließt nun einen Text. Diesem Text wird ein Format zugewiesen.

Erstellt in einem leeren, hübschen Ordner eures Computers eine Text-Datei mit dem Namen "index.html". Öffnet diesen mit eurem Editor (Notepad, Editpad, was immer ihr verwendet).

Weil es sich um eine HTML-Datei handelt, wollen wir dem Browser-Programm (also dem Internet-Explorer oder Netscape-Navigator), der die Datei später mal anzeigen soll, sagen, daß es sich um eine HTML-Datei handelt.

das sagen wir mit einem freundlichen <_html>. (< Aufpassen! das _ weglassen )

Wie ihr normalerweise auch, hat ein HTML-Datei einen Kopf und einen Körper. Wir geben dem Dokument nun auch einen Kopf mit <_head>, und dort, wo der Kopf aufhört, fängt der Körper an:

<_/head>
<_body>

Der Kopf ist jetzt noch leer. Den füllen wir später. In den Körper kommen nachher auch lauter lustige Sachen. Aber bis dahin kommen wir zum Schluß des Körpers und schreiben <_/body>. Und weil hier das HTML-Dokument aufhört, wird dieses definitiv mit <_/html> beendet. Was bringt uns das? Eine Datei, die so aussieht:

Code:
<_html>
 <_head>

 <_/head>
 <_body>

  Hallo Welt! 

 <_/body>
<_/html>
Das, was nun innerhalb des Body steht, ist das, was ihr später in eurem Browserfenster sehen werdet. Das ist noch nicht viel, drum schreibt mal was rein (zum Beispiel "Hallo Welt!", das kommt immer gut, das machen alle großen Programmierer in ihrem ersten Programm), abspeichern nicht vergessen, und öffnet die Datei mit eurem Browser. Ganz oben links verkümmert steht klein "Hallo Welt!". Ist das nicht erhebend?

Nein, ist es nicht, drum machen wir bald weiter und geben dem Weltengruß dann etwas Farbe.