Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: HTML-Dokumentstruktur | HTML-Grundlagen
Html-Grundlagen
course content

Kursinhalt

Html-Grundlagen

Html-Grundlagen

1. Verstehen des Webs und HTML
2. HTML-Grundlagen
3. Bilder und Medien
4. Tabellen und Formulare
5. Fortgeschrittenes HTML

book
Herausforderung: HTML-Dokumentstruktur

Willkommen zu deiner ersten Herausforderung in diesem Kurs!

Herausforderungen sind dazu gedacht, das Wissen und die Theorie, die du bisher gelernt hast, zu festigen, indem du sie in die Praxis umsetzt. Lernen durch Tun ist der beste Weg zu lernen, also überspringe keine Herausforderungen.

Wie funktionieren Herausforderungen? Du erhältst eine Aufgabe, die erledigt werden muss, und dann wird dir ein Codeblock präsentiert, der Lücken enthält, die ausgefüllt werden müssen. Sobald du die Herausforderung abgeschlossen hast, kannst du deinen Code ausführen, um sicherzustellen, dass alles wie erwartet funktioniert.

Unter dem Codeblock siehst du zwei Schaltflächen: und .

  • Die -Schaltfläche zeigt dir Hinweise, die dir bei der Herausforderung helfen;
  • Die -Schaltfläche zeigt dir den vollständigen Code für diese spezielle Herausforderung.

Fühle dich frei zu experimentieren und verschiedene Optionen auszuprobieren, um die Aufgabe zu erfüllen. Je mehr du schreibst, desto einfacher wird es. Viel Glück!

Aufgabe

Fülle die Lücken aus, um die Grundstruktur eines HTML-Dokuments zu erstellen.

html

index.html

copy

Hinweis

  • Schritt 1: Die Dokumenttyp-Deklaration sollte <!DOCTYPE html> sein. Diese Deklaration informiert den Browser, dass das Dokument in HTML5 geschrieben ist.
  • Schritt 2: Füllen Sie die Lücken mit den entsprechenden öffnenden und schließenden Tags (<head></head>) für den Kopfbereich aus.
  • Schritt 3: Verwenden Sie UTF-8 als Zeichenkodierung.
  • Schritt 4: Füllen Sie die Lücken mit den entsprechenden öffnenden und schließenden Tags (<body></body>) für den Körperbereich aus.
html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
We're sorry to hear that something went wrong. What happened?
some-alt