Skip to main content

Aufgabe 2: Eine HTML-Datei erstellen

  1. Erstelle eine neue Datei mit dem Namen index.html im Ordner deines Projektes.
  2. Öffne die Datei mit dem Code-Editor, den du zuvor ausgewählt hast.
  3. Füge den folgenden Code in die Datei ein:
<!DOCTYPE html>
<html></html>
  1. Füge nun den Kopfbereich und den Körperbereich hinzu:
<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>
  1. Im Kopfbereich fügen wir den Titel der Website ein:
<!DOCTYPE html>
<html>
  <head>
    <title>Meine Website</title>
  </head>
  <body></body>
</html>
Tipp: Einrückungen

Einrückungen sind in HTML nicht notwendig, aber sie helfen uns, den Code besser zu verstehen. In den Lösungen dieses Kurses werden sinnvolle Einrückungen verwenden. Durch die Einrückungen wird der Code aber nicht verändert. Mit der Tab-Taste kannst du in den meisten Code-Editoren automatisch einrücken. Übersichtlicher wird der Code, wenn du die Einrückungen verwendest, wenn du HTML-Elemente ineinander verschachtelst.