HTML-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!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
