HTML: Grundgerüst – Webseite erstellen

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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

  1. Doctype
  2. Head Bereich (CSS, Scripte, Metadaten)
  3. 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

  1. < title >Titel der Webseite
  2. < meta > Metadaten für die Suchmaschine und SEO
  3. < script >Zusätzliche Javascripte werden hier eingebunden
  4. < 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

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



26033