Html-Grundlagen - für SchülerInnen

Eine html Datei

Was du oben siehst, ist eine sogenannte "html"-"Datei".

Bevor wir etwas dazu erklären, darfst du erst mal was tun
(du kannst aber auch erst die Erklärung unten lesen, wenn dir das lieber ist):

  1. Starte dein Gerät

    Starte deinen PC, Laptop, Tabletcomputer, falls du das hier nicht ohnehin dort liest, und dein Gerät längst läuft ;-)

  2. Finde ein Programm mit dem du einfachen Text schreiben kannst.

    Bitte verwende dafür aber nicht Word oder ein ähnliches Programm, mit dem du schönen Text schreiben, bunt oder fett machen oder Bilder hinzufügen kannst. Das wäre nicht das Richtige zum Programmieren.

    Hier kommen noch ein paar Tipps. Schau mal welche dir vielleicht weiterhelfen.
    Sonst frage jemanden, der dir dabei helfen kann, lass dich davon nicht abschrecken!

    Verwendest du ein Windows-Gerät?

    Am besten, du verwendest unter Windows für den Anfang ein Programm wie

    Notepad + (zum Download anklicken).

    Das ist ein relativ einfaches Programm, das sich aber prima für erste Programmiererfahrungen eignet.
    Lass dir beim Installieren helfen, wenn du nicht weißt, wie das geht.

    Manchmal genügt es, dem Link zu folgen, das Programm herunterzuladen und dann die heruntergeladene Datei anzuklicken.
    Wenn du dir aber nicht sicher bist, lass das lieber deine Eltern oder Freunde machen, die sich damiclosingXt bereits auskennen.

    VORSICHT: Klicke nicht einfach auf irgendwelche Dateien aus dem Internet. Manche können auch sogenannte "Computer-Viren", also Krankheiten für Computer, enthalten.

    Verwendest du einen Mac oder ein iPad? (Anleitung folgt)
    Verwendest du ein Linux-Gerät? (Anleitung folgt)
    Verwendest du ein Android Tablet? (Anleitung folgt)

  3. Schreibe den Inhalt der dunklen Box oben ab.

    Hinweis: Der Text beginnt mit "<html>" und endet mit "</html>"

  4. Speichere die Datei in deinem System ab.

    Hinweis: Meist gibt es im Menu deines Programmes eine Möglichkeit unter Datei --> Speichern

    • Achte beim Speichern darauf, dass die Datei mit ".html" endet und nicht etwa mit ".txt".
    • Merke dir dabei auch, wo im Dateisystem deines Geräts du die Datei speicherst.

  5. Finde die Datei in deinem System und öffne sie!

    Hinweis: Um die Datei zu finden, nutzt du am besten deinen "Datei-Explorer", ein Programm, mit dem man sich die gespeicherten Dateien auf einem Gerät durchsehen kann.
    Such dir Hilfe, wenn du dich damit noch nicht auskennst.
    Wenn du die Datei richtig abgespeichert hast, sollte sie sich bereits in einem Browser öffnen.

  6. Prüfe das Ergebnis im Browser

    Du solltest nun im Browser eine ziemlich leere Seite sehen, in der steht: "Hier steht der Inhalt der Seite".
    Im Browser-Tab kannst du eventuell den Titel der Seite lesen: "Titel im Browsertab"

html

Das "html" spricht man: "ha te em el".

Es ist die Sprache, in der wir Webseiten so schreiben, dass sie von "Browsern" gelesen werden können.

Browser

"Browser" kennst du vielleicht schon. Sie sind die Programme, mit denen wir Webseiten im Internet lesen können. Es gibt unterschiedliche:

  • "Chrome" (gesprochen: Kroom, Englisch für Chrom, ein Metall)
  • "Firefox" (gesprochen: Feierfox, Englisch für Feuerfuchs)
  • "Internet Explorer (wird gesprochen wie es geschrieben ist, "explorer" heisst auf Englisch so etwas wie "Entdecker")

Datei

Eine "Datei" kannst du dir wie ein Blatt Papier im Computer vorstellen, auf dem du das speicherst, was du programmierst oder schreibst.

Nur dass dieses "Blatt" aus vielen 0-ern und 1-ern besteht, statt aus Papier. Aber dazu später mehr. Übrigens, falls du dir das nicht gut vorstellen kannst, bist du nicht allein. Wir Menschen funktionieren eben ganz anders als Computer.