Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Strukturieren Eines HTML-Dokuments | HTML-Grundlagen
HTML-Grundlagen

bookHerausforderung: Strukturieren Eines HTML-Dokuments

Willkommen zu deiner ersten Herausforderung in diesem Kurs!

Herausforderungen dienen dazu, das bisher erworbene Wissen und die Theorie zu festigen, indem sie praktisch angewendet werden. Lernen durch Handeln ist der effektivste Weg, daher solltest du keine Herausforderung auslassen.

Wie funktionieren Herausforderungen? Dir wird eine Aufgabe gestellt, die gelöst werden muss. Anschließend erhältst du einen Codeblock mit Lücken, die ausgefüllt werden sollen. Nachdem du die Herausforderung abgeschlossen hast, kannst du deinen Code ausführen, um sicherzustellen, dass alles wie erwartet funktioniert.

Unterhalb des Codeblocks findest du zwei Schaltflächen: und .

  • Die -Schaltfläche zeigt Hinweise zur Unterstützung bei der Herausforderung an;
  • Die -Schaltfläche zeigt den vollständigen Code für diese Herausforderung an.

Experimentiere gerne und probiere verschiedene Möglichkeiten aus, um die Aufgabe zu lösen. Je mehr du schreibst, desto leichter wird es dir fallen. Viel Erfolg!

Aufgabe

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

index.html

index.html

copy

Hinweis

  • Schritt 1: Die Dokumenttypdeklaration sollte <!DOCTYPE html> sein. Diese Deklaration informiert den Browser darüber, 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 Hauptbereich aus.
index.html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you show me the code block with the blanks that need to be filled in?

Can you give me more details about what should go inside the head and body sections?

What is the expected output after filling in the blanks?

Awesome!

Completion rate improved to 3.13

bookHerausforderung: Strukturieren Eines HTML-Dokuments

Swipe um das Menü anzuzeigen

Willkommen zu deiner ersten Herausforderung in diesem Kurs!

Herausforderungen dienen dazu, das bisher erworbene Wissen und die Theorie zu festigen, indem sie praktisch angewendet werden. Lernen durch Handeln ist der effektivste Weg, daher solltest du keine Herausforderung auslassen.

Wie funktionieren Herausforderungen? Dir wird eine Aufgabe gestellt, die gelöst werden muss. Anschließend erhältst du einen Codeblock mit Lücken, die ausgefüllt werden sollen. Nachdem du die Herausforderung abgeschlossen hast, kannst du deinen Code ausführen, um sicherzustellen, dass alles wie erwartet funktioniert.

Unterhalb des Codeblocks findest du zwei Schaltflächen: und .

  • Die -Schaltfläche zeigt Hinweise zur Unterstützung bei der Herausforderung an;
  • Die -Schaltfläche zeigt den vollständigen Code für diese Herausforderung an.

Experimentiere gerne und probiere verschiedene Möglichkeiten aus, um die Aufgabe zu lösen. Je mehr du schreibst, desto leichter wird es dir fallen. Viel Erfolg!

Aufgabe

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

index.html

index.html

copy

Hinweis

  • Schritt 1: Die Dokumenttypdeklaration sollte <!DOCTYPE html> sein. Diese Deklaration informiert den Browser darüber, 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 Hauptbereich aus.
index.html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
some-alt