Du baust deine erste HTML-Seite!

Für´s HTML-Schreiben braucht man nur ein einfaches Textprogramm

  • Erstelle einen Ordner auf deiner Festplatte, zum Beispiel mit dem Namen *htmlkurs*, wo du dann alle Übungsdateien abspeichern kannst.
  • Mach ein einfaches Textprogramm auf:
    Editor (englisch NotePad) für PC oder SimpleText für Mac. Den Editor findest du unter dem Start-Button > Programme > Zubehör. Eine leere Seite wird dabei automatisch geöffnet.
  • Verwende lieber nicht Microsoft Word! Besser den Text-Editor oder SimpleText.
  • Gehe auf den Menupunkt *Datei* und dann auf *Speichern unter*
    Speichere diese leere Datei folgendermaßen ab:
    *Dateinamen:* lektion11.txt
    *Dateityp:* "Nur Text" oder "Einfaches Textdokument"
  • Füge folgenden Text in deine neue Textdatei ein:

<html>

<head>
<title>Meine erste Lektion</title>
</head>

<body>
Hier steht ein unglaublich spannender Text, nicht?
</body>

</html>~

  • Achte darauf dich nicht zu vertippen!
  • Speichere deine Datei ab und schließe das Textprogramm.
  • Öffne den Dateimanager / Windows-Explorer. Falls du bei Windows auch die Dateiendungen sehen kannst, also bei deinem Beispiel *lektion11.txt* ist alles OK und du kannst weiter machen. Falls dort nur die Dateinamen zu sehen sind und nicht die Dateiendungen (Beispiel *lektion11*) mußt du noch etwas an den Ordneroptionen ändern. Beim Mac siehst du ohnehin keine Dateiendungen, also einfach weitermachen!
  • Im Dateimanager / Windows-Explorer kannst du nun deine Datei kopieren & einfügen (Damit die Ursprungsdatei nicht verloren geht) und diese dann umbenennen in: *lektion11.htm*
    Ganz wichtig dabei ist die Format-Endung *.htm*
    Mehr zum Thema Dateien kopieren und umbenennen
  • Mach einen Doppelklick auf lektion11.htm. Die Datei müßte sich jetzt automatisch in deinem Browser (Internet Explorer oder Netscape Navigator) öffnen, denn mit der Endung htm erkennt der Rechner, daß es sich um eine HTML-Datei handelt. Beim Mac mußt Du eventuell zuerst dein Browser öffnen und dann auf "Datei öffnen" gehen und diese Datei auswählen.
  • Das sollte folgendermaßen aussehen (Farbe und Schriftart können je nach Browser-Einstellungen variieren):

  • Gehe im Menu deines Browsers auf *Ansicht* und dann auf *Quelltext anzeigen* (Auch "Seitenquelltext" oder "view source").

Wahnsinn!

Du siehst exakt den Text, den Du in die Textdatei hineingeschrieben hast, das Browserfenster zeigt jedoch nur den Text innerhalb der Wörter <body>~ und </body>~ an.