Wenn du eine Webseite mit HTML erstellen möchtest dann hat auch HTML ein Grundgerüst nach dem du dich richten kannst.

Zuerst kommen immer die Doctype Informationen für den Browser, diese hab ich dir unten noch etwas näher erklärt.

  • Jedes HTML Dokument beginnt mit dem <html> Tag und endet mit dem </html> Tag.
  • Dann kommt das <head> Tag gefolgt von dem <body> Tag

HTML Grundgerüst

Nachfolgend findest du das HTML Grundgerüst und die einzelnen Abschnitte erklärt

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="de">

<head>

<!-- Head Bereich für Scripte und Meta Tags -->

<meta charset="UTF-8">
<title>Titel deiner Webseite</title>
<meta name="description" content="Kurzbeschreibung">
<link href="style.css" rel="stylesheet">

</head>

<body>

<!--Body Bereich hier kommt der Inhalt deiner Webseite hinein -->

<h1> Deine erste Überschrift</h1>

<p>Hier beginnt dein erster Satz von deinem Absatz</p>


</body>


</html>

Doctype

Die Doctype Informationen sagen dem Browser, welche Befehle jetzt auf ihn zu kommen und an welchen Standart man sich gehalten hat. Ebenfalls wird dem Browser mitgeteilt was alles zulässig ist und wo ein Fehler ausgegeben werden muss. Im oberen Beispiel ist es html

1
<!DOCTYPE html>

Html Tag

Im Tag wird die Sprache der Webseite definiert. Das Attribut für eine Deutsche Webseite währe wie in dem Beispiel.

1
<html lang="de">

Head Bereich

Der Head Bereich erhält wichtige Meta Informationen zu deiner Webseite. Zudem werden im Head Bereich zusätzliche Scripte, und deine CSS Dateien eingebunden. Zudem wird im Head Bereich der Titel deiner Webseite definiert. Dieser Titel erschein im Browserfenster und in den Google Suchergebnissen.

1
2
3
4
5
6
7
8
9
10
<head>

<!-- Head Bereich für Scripte und Meta Tags -->

<meta charset="UTF-8">
<title>Titel deiner Webseite</title>
<meta name="description" content="Kurzbeschreibung">
<link href="style.css" rel="stylesheet">

</head>

Body Bereich

Jeder Code der in den Body Bereich geschrieben wird, wird vom Browser sichtbar gemacht. Nur in diesem Bereich des HTML Grundgerüsts wird die Seite angezeigt. Dieser Teil der Webseite wird also sichtbar.

1
2
3
4
5
6
7
<body>

<h1> Deine erste Überschrift</h1>

<p>Hier beginnt dein erster Satz von deinem Absatz</p>

</body>


html  html-grundgerüst