Wenn du eine Webseite in HTML erstellen möchtest fängst du immer mit dem Grundgerüst an. Das sieht in der Regel so aus

Doctype
Head Bereich (CSS, Scripte, Metadaten)
Body (Inhalt deiner Webseite)

Beispiel: HTML Grundgerüst

<!DOCTYPE html>
<html lang="de">

<head>

<!-- Scripts, CSS, Metadaten -->

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

</head>
   
<body>

<!-- Inhalt deiner Webseite -->

</body>

</html>

Doctype Informationen

Mit diesen Informationen teilst du deinem Browser um Welche Datei es sich handelt. In den Fall HTML. Um später mit anderen Programmen den Code zu validieren ist diese Zeile erforderlich. So weiß jedes Programm, dass es sich um HTML handelt.

HTML-TAG

Mit dem anfänglichen < html > Zeihen wird gesagt. Ab hier beginnt meine Webseite. Zudem geben wir dem Browser noch das Language Tag de. Somit weiß auch der Browser und Suchmaschinen, dass die Seite in Deutsch geschrieben ist. Ganz am Ende befindet sich wieder das . Somit weiß der Browser das hier der HTML Code zuende ist.

Head-Bereich

Im Head Bereich werden verschiedene Dinge defniert

< title >Titel der Webseite
< meta > Metadaten für die Suchmaschine und SEO
< script >Zusätzliche Javascripte werden hier eingebunden
< link href=“design.css“ rel=“stylesheet“> CSS Dateien der Webseite werden hier eingebunden

Body Bereich

Im Body Bereich kommt der eigentliche Inhalt deiner Webseite auch der Body wird wieder mit den Endtag geschlossen. So weiß der Browser und Suchmaschinen das es der Inhalt der Webseite ist. Jetzt bist du perfekt gerüstet für deine erste eigene Webseite. Schau auch mal in unserem HTML Bereich vorbei.

Jetzt HTML lernen

[the_ad_group id=“4427″]

Weitere Beiträge zu HTML

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

HTML: Grundgerüst – Webseite erstellen

Beispiel: HTML Grundgerüst

Doctype Informationen

HTML-TAG

Head-Bereich

Body Bereich

Jetzt HTML lernen

Weitere Beiträge zu HTML

Über Mich

Weitere Beiträge auf Blogseite.com

Kennst du schon diese Memes?

Smiley Bedeutung

HTML: Grundgerüst – Webseite erstellen

Beispiel: HTML Grundgerüst

Doctype Informationen

HTML-TAG

Head-Bereich

Body Bereich

Jetzt HTML lernen

Weitere Beiträge zu HTML

Ähnliche Beiträge

Über Mich

Weitere Beiträge auf Blogseite.com

Kennst du schon diese Memes?

Smiley Bedeutung