Programm-It
Startseite | Links | Kontakt | Der WebMaster

Know How
Tutorials
Quelltexte

HTML - Teil 1

Die Programmiersprache HTML wurde entwickelt um meist textbasierende Daten anspruchsvoll darzustellen.

Was brauchen Sie um Html-Dokumente zu erzeugen ?

  • Sie brauchen lediglich einen Texteditor und einen Browser.

    Die erste Html-Page in 3 Minuten... !!

    Als Referenzsystem wird das Betriebsystem Windows95 benutzt. Wenn Sie nicht dieses Betriebssystem benutzen, bedeutet das nicht, dass Sie dieses Tutorial nicht verwenden können. Denn aufgrund der Plattformunabhängigkeit können auch Nicht-Win95/98-User von Html profitieren.

    Unter Windows 95 finden Sie den benötigten Texteditor indem Sie folgende Schritte ausführen :

  • Sie klicken auf den Start-Button
  • und positionieren den Mauszeiger auf Programme.
  • Nun wählen Sie die Programmgruppe Zubehör aus
  • und klicken dann auf Editor !

    Nun geben Sie den folgenden Code ein :

    <HTML>
    <HEAD>
    <Title>Meine Homepage</Title>
    </HEAD>
    <BODY>
    Willkommen auf meiner Page !
    </BODY>
    </HTML>

    Sie speichern diesen Quellcode als Html-Dokument indem Sie folgende Schritte ausführen :

  • Klicken Sie auf Datei und wählen Sie den Punkt Speichern unter aus
  • Geben Sie nun Homepage.html ein.
  • Bestätigen mit Enter !
    Wenn Sie den Quellcode abspeichern ist es enorm wichtig den Dateinamen mit der Extension .HTML zu versehen, da er sonst als txt-Dateiformat abgespeichert wird.

    Nun schliessen Sie den Editor und öffnen das Verzeichnis indem Sie Ihre Page gespeichert haben.
    Sie klickern auf ihre Datei und der Browser wird gestartet und zeigt ihr Werk an.
    Um nun Quelltextänderungen vorzunehmen klicken Sie im Browser auf Ansicht und wechseln auf die Quelltextansicht.
    Wie Sie vermutlich bemerkt haben sieht die Grundstruktur von Html wie folgt aus :

    <HTML>
    <HEAD>
    <Title>Name des Dokuments</Title>
    </HEAD>
    <BODY>
    Überschriften Verweise Bilder
    </BODY>
    </HTML>

    Die Tags :

    Die Tags (sprich Tägs) sind die Befehle von HTML und werden von eckigen Klammern umschlossen. Mit Hilfe dieser Tags wird eine elementare HTML-Seite mit Text, Überschriften, Tabellen, Bildern u.v.m. erzeugt.
    Die meisten Tags sind solange gültig/wirksam bis sie negiert werden.
    So würden im folgenden Beispiel "A","B" und "C" in Fettdruck erscheinen und "D","E" und "F" als im Browser definierte normale Schriftart.

    <Body>
    <B> A B C </B> D E F
    </Body>

    Wirkung : A B C D E F

    Der Head :

    Der Head ist der Kopfteil eines HTML-Dokuments.
    Hier wird der Name des Dokuments mit Hilfe des Title-Tag eingetragen.

    Der Body :

    Hier sind die eigentlichen Texte und Querverweise etc. enthalten. Folgende Befehle können Sie direkt im Body-Aufruf (z.B. <Body Text="...">) verwenden :

    Body - Attribute
    Background="..." Legt den Hintergrund der Seite fest, indem Sie den Namen oder die URL des Bildes innerhalb der Anführungszeichen setzen.
    Wichtig : Geben Sie immer den Dateinamen mit Extension (z.B: .gif | .jpg | .jpe) an.
    BGCOLOR="..." Legt die Hintergrundfarbe der Seite fest.
    TEXT="..." Legt die Farbe des Textes fest.
    LINK="..." Legt die Farbe für unbenutzten Verknüpfungen (Links) fest.
    ALINK="..." Legt die Farbe aktivierter Links fest.
    VLINK="..." Legt die Farbe der bereits besuchten Links fest.
    BGPROPERTIES="..." Damit können Sie die Eigenschaften des Hintergrundbildes bestimmen.
    Momentan können Sie allerdings nur den Wert "Fixed" benutzen, welcher das Scrollen des Hintergrundbildes verhindert.

    Inhalt | Html Teil 2