Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Grundstruktur Eines HTML-Dokuments | Verstehen des Webs und von HTML
HTML-Grundlagen

bookGrundstruktur Eines HTML-Dokuments

Ein HTML-Dokument folgt einer grundlegenden Struktur, die aus mehreren Elementen besteht. Hier ist eine typische Struktur eines HTML-Dokuments:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Struktur – kurze Zusammenfassung

  • <!DOCTYPE html>: Diese Zeile teilt dem Browser mit, welche HTML-Version das Dokument verwendet. In diesem Fall ist es HTML5, die neueste Version von HTML;
  • <html>: Dies ist das Wurzelelement des HTML-Dokuments. Alle anderen Elemente befinden sich innerhalb dieses Elements;
  • <head>: Dieser Abschnitt enthält Metainformationen über das Dokument, wie die Zeichenkodierung (<meta charset="UTF-8">), die sicherstellt, dass Sonderzeichen korrekt angezeigt werden, und den Dokumenttitel (<title>), der in der Titelleiste oder im Tab des Browsers erscheint;
  • <title>: Dieses Element legt den Titel des Dokuments fest, der in der Titelleiste oder im Tab des Browsers angezeigt wird;
  • <body>: Hier befindet sich der Hauptinhalt der Webseite. Text, Bilder, Links, Formulare und andere Elemente werden innerhalb des <body>-Elements platziert. Dies ist der Bereich, den die Nutzer sehen und mit dem sie interagieren, wenn sie Ihre Webseite besuchen.

Video-Tutorial

Code-Editor-Link - Visual Studio Code

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 5

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 explain more about what each HTML tag does?

What is the purpose of the meta charset tag?

Can you show examples of what goes inside the body tag?

Awesome!

Completion rate improved to 3.13

bookGrundstruktur Eines HTML-Dokuments

Swipe um das Menü anzuzeigen

Ein HTML-Dokument folgt einer grundlegenden Struktur, die aus mehreren Elementen besteht. Hier ist eine typische Struktur eines HTML-Dokuments:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Struktur – kurze Zusammenfassung

  • <!DOCTYPE html>: Diese Zeile teilt dem Browser mit, welche HTML-Version das Dokument verwendet. In diesem Fall ist es HTML5, die neueste Version von HTML;
  • <html>: Dies ist das Wurzelelement des HTML-Dokuments. Alle anderen Elemente befinden sich innerhalb dieses Elements;
  • <head>: Dieser Abschnitt enthält Metainformationen über das Dokument, wie die Zeichenkodierung (<meta charset="UTF-8">), die sicherstellt, dass Sonderzeichen korrekt angezeigt werden, und den Dokumenttitel (<title>), der in der Titelleiste oder im Tab des Browsers erscheint;
  • <title>: Dieses Element legt den Titel des Dokuments fest, der in der Titelleiste oder im Tab des Browsers angezeigt wird;
  • <body>: Hier befindet sich der Hauptinhalt der Webseite. Text, Bilder, Links, Formulare und andere Elemente werden innerhalb des <body>-Elements platziert. Dies ist der Bereich, den die Nutzer sehen und mit dem sie interagieren, wenn sie Ihre Webseite besuchen.

Video-Tutorial

Code-Editor-Link - Visual Studio Code

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 5
some-alt