HTML-Dokumentstruktur Erklärt
Ein HTML-Dokument folgt einer konsistenten Struktur, die aus einigen Schlüsselelementen besteht.
<html>-Tag
Das Wurzelelement jeder Seite. Sämtlicher Inhalt befindet sich zwischen dem öffnenden <html>- und dem schließenden </html>-Tag.
<html>
<!-- Other elements go here -->
</html>
<head>-Tag
Enthält Informationen über die Seite, die für den Benutzer nicht sichtbar sind. Dazu gehören der Titel, Metadaten sowie Verweise auf Stylesheets oder Skripte.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Häufige Elemente im <head>:
<title>: Text, der im Browser-Tab angezeigt wird;<meta charset="UTF-8">: legt die Textkodierung fest;<meta name="description">: kurze Seitenbeschreibung;<meta name="viewport">: erforderlich für responsives Design.
<body>-Tag
Enthält alle sichtbaren Elemente der Seite: Text, Bilder, Links, Formulare usw.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Dokumenttyp-Deklaration
Weist den Browser an, beim Rendern der Seite den HTML5-Standard zu verwenden.
<!DOCTYPE html>
Beispiel für die vollständige Struktur
Abschließend werden alle behandelten Elemente zusammengefasst und zu einem vollständigen HTML-Dokument kombiniert.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Unten sehen Sie, wie das HTML-Dokument im Webbrowser dargestellt wird.
1. Welches Tag ist das Wurzelelement eines HTML-Dokuments?
2. Was enthält das <head>-Tag?
3. Was definiert das <title>-Tag?
4. Welchen Zweck hat das <body>-Tag?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain more about the purpose of each HTML tag?
How do I use the Inspect tool in my browser?
What are some common mistakes to avoid when creating an HTML document?
Großartig!
Completion Rate verbessert auf 2.86HTML-Dokumentstruktur Erklärt
Swipe um das Menü anzuzeigen
Ein HTML-Dokument folgt einer konsistenten Struktur, die aus einigen Schlüsselelementen besteht.
<html>-Tag
Das Wurzelelement jeder Seite. Sämtlicher Inhalt befindet sich zwischen dem öffnenden <html>- und dem schließenden </html>-Tag.
<html>
<!-- Other elements go here -->
</html>
<head>-Tag
Enthält Informationen über die Seite, die für den Benutzer nicht sichtbar sind. Dazu gehören der Titel, Metadaten sowie Verweise auf Stylesheets oder Skripte.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Häufige Elemente im <head>:
<title>: Text, der im Browser-Tab angezeigt wird;<meta charset="UTF-8">: legt die Textkodierung fest;<meta name="description">: kurze Seitenbeschreibung;<meta name="viewport">: erforderlich für responsives Design.
<body>-Tag
Enthält alle sichtbaren Elemente der Seite: Text, Bilder, Links, Formulare usw.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Dokumenttyp-Deklaration
Weist den Browser an, beim Rendern der Seite den HTML5-Standard zu verwenden.
<!DOCTYPE html>
Beispiel für die vollständige Struktur
Abschließend werden alle behandelten Elemente zusammengefasst und zu einem vollständigen HTML-Dokument kombiniert.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Unten sehen Sie, wie das HTML-Dokument im Webbrowser dargestellt wird.
1. Welches Tag ist das Wurzelelement eines HTML-Dokuments?
2. Was enthält das <head>-Tag?
3. Was definiert das <title>-Tag?
4. Welchen Zweck hat das <body>-Tag?
Danke für Ihr Feedback!
