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

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
<!-- Step 1: Add the document type declaration -->
<!_____ html>
<html>
<!-- Step 2: Add the opening and closing tags for the head section -->
<_____>
<title>Challenge: HTML Document Structure</title>

<!-- Step 3: Add the character encoding -->
<meta charset="_______" />
</_____>

<!-- Step 4: Add the opening and closing tags for the body section -->
<_____>
<h1>Main heading of the HTML document</h1>
<p>Text paragraph</p>
</_____>
</html>

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
<!-- Step 1: Add the document type declaration -->
<!DOCTYPE html>
<html>
<!-- Step 2: Add the opening and closing tags for the head section -->
<head>
<title>Challenge: HTML Document Structure</title>

<!-- Step 3: Add the character encoding -->
<meta charset="UTF-8" />
</head>

<!-- Step 4: Add the opening and closing tags for the body section -->
<body>
<h1>Main heading of the HTML document</h1>
<p>Text paragraph</p>
</body>
</html>

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
some-alt