HTML-Grundlagen (1)

Eigenschaften von HTML-Dateien:

Es sind reine Textdateien.
Am besten schreibt man HTML-Dateien mit einem reinen Texteditor. Praktisch sind Editoren, die die HTML-Tags farblich hervorheben (wie z.B. BBedit und Alpha), aber auch mit SimpleText kann man HTML-Dateien schreiben. Notfalls geht es sogar mit AppleWorks oder Word - man muss nur darauf achten, die Datei hinterher im ASCII-Modus, also als reine Textdatei ohne Formatierungen zu speichern.
Alle Anweisungen, die so genannten Tags, stehen in spitzen Klammern: <tag>
Tags treten zumeist paarweise auf, wenn sie etwas einschließen. Zur Unterscheidung wird der schließende Tag dabei mit einem zusätzlichen Schrägstrich versehen: </tag>
Groß- oder Kleinschreibung der Tags ist egal.
Ob <tag> <TAG> <Tag> oder gar <tAG> - der Browser erkennt alles. Man sollte sich aber eine einheitliche Schreibweise angewöhnen und diese dann beibehalten. Zukünftige HTML-Versionen (genauer: XHTML und XML) werden allerdings zwischen Groß- und Kleinschreibung unterscheiden und verlangen die Kleinschreibung der Tags. Daher empfiehlt es sich, dass man sich schon jetzt die Kleinschreibung angewöhnt.
Die Formatierung ist auch egal, sollte aber übersichtlich strukturiert sein
Man kann Tags einrücken, Leerzeilen lassen und den Text an beliebigen Stellen (außer natürlich innerhalb von Wörtern oder Tags) umbrechen - all das wird vom Browser überlesen und er pickt sich nur die Tags und den eigentlichen Text heraus.
Speichern unter "dateiname.html"
Üblicherweise verwendet man die Endungen ".html" oder ".htm" für eine HTML-Datei. Im Dateinamen sollten keine Umlaute und Leerzeichen vorkommen. Auf der sicheren Seite ist man im Zweifelsfall mit den Buchstaben A-Z, den Ziffern 0-9, dem Unter- sowie dem Bindestrich. Wichtig ist auch, dass die meisten Webserver bei Dateinamen Groß- und Kleinschreibung unterscheiden (im Gegensatz zum Mac), so dass "MeineDatei.html" und "meinedatei.html" als zwei verschiedene Dateinamen angesehen werden. Ferner hat es sich eingebürgert, dass die Startseite "index.html" oder "index.htm" heißt (in seltenen Fällen auch "default.html" bzw. "default.htm" - das hängt von der Konfiguration des Webservers ab).

Grundgerüst einer HTML-Seite:

    <html>
       <head>
          <title>
             Titel im Browser-Fenster
          </title>
       </head>

       <body>
          Inhalt der Seite: Texte, Bilder, Tabellen, Filme...
       </body>
    </html>

Das HTML-Dokument besteht also aus einem Tag-Pärchen <html> ... </html>, das alles andere umfasst. Innerhalb des <html>-Tags wird das Dokument noch einmal in einen Kopfbereich (<head> ... </head>) und den eigentlichen Textkörper (<body> ... </body>) unterteilt.

Im Kopfbereich können verschiedene Informationen zu der Seite stehen, die aber normalerweise nicht angezeigt werden. Wichtig ist hier zunächst einmal nur der Seitentitel (<title> ... </title>), der in der Titelzeile des Browserfensters angezeigt werden soll.

Der eigentliche Inhalt einer Seite steht innerhalb des <body>-Tags. Text, der hier eingegeben wird, erscheint so dann auch im Browser-Fenster - allerdings ohne jegliche Formatierung, denn auch hier entfernt der Browser wieder alle mehrfachen Leerzeichen sowie Leerzeilen. Um den Text in einer bestimmten Art und Weise anzuordnen, werden wieder Tags verwendet, die man in den Text einstreut. Die wichtigsten Tags werden im nächsten Abschnitt erläutert.

<< zurück zur HTML-Startseite | weiter zur nächsten Seite >>
zurück zur MacIG-Seite

contents of this page written and (c) 2000 by Gerd Hofmann and Dirk Haun,
last update: 07 June 2000