Super Tutorials - Das HTML Tutorial

Verzeichnis:
  1. 1. Die richtige Software
  2.   1.1 Der Editor (Windows)
  3. 2. HTML lernen

1. Die richtige Software ^Seitenanfang

Die richtige Software, um html zu lernen hat jeder bereits. Windows als auch Linux hat ein Programm, das wir brauchen werden.

1.1 Der Editor (Windows) ^Seitenanfang

Es geht ersteinmal los mit dem Erstellen einer index.html . Sie soll die Startseite werden. Als Startseite verwendet man meistens den Namen index, der auch sofort als Startseite erkannt wird.

1. Schritt - Der Editor
Drücke folgende Tasten-Kombi: "Windowstaste" und "R" gleichzeitig. Es erscheint das Fenster "Ausführen".
Schreibe in das Textfeld im Fenster "notepad" rein und bestätige mit der Entertaste. Nun öffnet sich ein Fenster, der Editor!

2. Schritt - index Datei erzeugen
Die Datei ist noch leer und wird nun per "Speichern unter" in irgendeinem Ordner (am besten Du legst Dir einen neuen Ordner auf dem Desktop an) als index.html gespeichert. WICHTIG! Die Endung .html darf nicht vergessen werden!

3. Schritt - Eine Ausgabe erzeugen (Hello World)
Sehr gut! Nun musst Du folgenden Code in die index.html schreiben:

 HTML-Code:  index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
      <title>Meine erste Website</title>
</head>
<body>
      Hallo Welt!
</body>
</html>

Drücke nun die Tastenkombi: "Strg" + "S" gleichzeitig.
Perfekt! Nun gehe in den Speicherordner und öffne die index.html Datei mit dem Internet Explorer, dem Mozilla Firefox, dem Safari, dem Google Chrome, dem Opera oder einem anderen Browser, den Du standardmäßig benutzt.
Jetzt kannst Du ersteinmal anfangen etwas herumzuexperimentieren. Schau zum Beispiel was passiert, wenn Du etwas anderes zwischen die <body>-Tags schreibst oder wenn Du den Text zwischen den <title>-Tags änderst.

Copyright Wolf-Jörgen Stange ©
Home - Tutorials