Grundstruktur eine Seite

Hier ein einfaches Beispiel für die Grundstruktur einer Seite mit Titel, Überschrift und einem Textabsatz:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <title>Titel der Webseite</title>
  </head>

  <body>
    <h1>Überschrift</h1>
    <p>Paragraph mit normalem Fließtext</p>
  </body>
</html>

Der <html>-Tag umschließt alle Inhalte der Seite. Mit dem Attribut lang kann zudem die Hauptsprache einer Seite festgelegt werden.

Das <head>-Element einer Seite enthält Information zu einer Seite, welche aber nicht unbedingt angezeigt werden. An dieser Stelle werden Meta-Informationen (für Social Media und SEO) eingetragen, Grundeinstellungen festgelegt und Skripte (JavaScript und CSS) eingebunden.

Im <body>-Element finden sich die eigentlichen Inhalte einer Seite wie Texte, Bilder oder Videos.