Begriffe Grundgerüst Wichtige HTML-Tags CSS Arbeitsaufträge

Grundgerüst einer Webseite

Jede Webseite enthält folgende Bestandteile:


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

</body>
</html>

Erklärungen

<!DOCTYPE html>

Hier wird definiert, dass es sich um HTML handelt. Der Browser braucht diese Information, um den darauffolgenden Inhalt richtig interpretieren zu können.


<html lang="de" dir="ltr"> </html>

Im html-Bereich folgt alles, was mit der Webseite zu tun hat. lang="de" spezifiziert die Sprache auf Deutsch, dir="ltr" bedeutet, dass die Schreibrichtung "left to right" ist. Beide Angaben sind optional.


<head> </head>

Zwischen zwei <head> - Tags folgen Informationen zur Webseite und hier werden allenfalls auch JS- und CSS-Bibliotheken geladen und ausgeführt. Das <meta> - Tag definiert die Zeichenkodierung. Für europäische Sprachen ist utf-8 empfehlenswert, für Sprachen mit anderen Zeichensätzen (z.B. Chinesisch oder Arabisch) kann eine andere Zeichenkodierung empfehlenswert sein.


<title> </title>

Zwischen zwei <title> - Tags schreibt man das, was im Browser in der Titelleiste oder in einem Tab steht.


<body> </body>

Zwischen zwei <body> - Tags wird der sichtbare Inhalt einer Webseite geschrieben.