HTML Themen

Layout

Gif nebeneinander

HTML: Grundgerüst – Webseite erstellen

veröffentlicht am: 18. Oktober 2021

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)

Inhaltsverzeichnis

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

Weitere Beiträge zu HTML

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

Hi !, Wohin möchtest du?

HTML Themen

Scripts

Schrift & Text

Farben

Link

Bilder

Elemente

Video

Weiterleitung

Icons

Audio