HTML: Grundgerüst - Webseite erstellen

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

Hi !, Wohin möchtest du?

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

Google Chrome: Energiesparmodus aktivieren – So gehts

Google Chrome: Seitenleiste links & rechts ändern

Google Chrome: Untertitel für Videos aktivieren

Google Chrome: Design ändern – So gehts

Google Chrome: Lesezeichenleiste ausblenden & einblenden

Google Chrome: Schriftgröße & Schriftart ändern

Google Chrome: Rechtschreibprüfung aktivieren & deaktivieren

Google Chrome: Webseite mit Zoom vergrößern & verkleinern

Firefox: Cookies & Cache beim beenden löschen – So gehts

Firefox: Lesezeichen exportieren & importieren – So gehts

Firefox Browser: Schriftart & Schriftgröße ändern

Firefox Browser: Linkfarbe ändern – So gehts

Firefox Browser: Erweiterung installieren – So gehts

Safari Browser: Erweiterung hinzufügen – So gehts

Safari Browser: Passwörter anzeigen – So gehts