course icon

Einführung in HTML

Hochgeladen : vor 4 Monaten Aktualisiert : vor 4 Monaten beginner
Herunterladen

Was ist HTML?

HTML (HyperText Markup Language) ist die Standardsprache des Webs. Es „programmiert“ nichts — es beschreibt die Struktur und Bedeutung einer Seite mithilfe kleiner Bezeichnungen, den sogenannten Elementen (oder „Tags“).

Die drei Sprachen des Webs

Fast jede Website besteht aus drei zusammenwirkenden Schichten. HTML kommt zuerst: Es ist das Gerüst, auf dem alles andere aufbaut.

  • HTML — strukturiert den Inhalt: Überschriften, Absätze, Bilder, Links.
  • CSS — gestaltet diesen Inhalt: Farben, Abstände, Layout, Schriften.
  • JavaScript — fügt Verhalten hinzu: Klicks, Animationen, Daten.

Ihr erstes HTML-Dokument

Jede Seite beginnt mit demselben Grundgerüst. Tippen Sie es in eine Datei, speichern Sie sie als index.html und öffnen Sie sie in einem beliebigen Browser.

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>Meine erste Seite</title>
  </head>
  <body>
    <h1>Hallo, Welt!</h1>
    <p>Dies ist meine erste Webseite.</p>
  </body>
</html>

Keine Installation nötig

Sie brauchen nur einen Texteditor und einen Browser. Kein Server, keine Build-Tools — Datei speichern und doppelklicken.

Aufbau eines Elements

Die meisten Elemente haben ein öffnendes Tag, einen Inhalt und ein schließendes Tag. Der Browser liest die Tags, um zu erkennen, was jeder Inhalt ist.

<p>Dies ist ein Absatz.</p>
<!--  oeffnendes Tag, Inhalt, schliessendes Tag  -->

Schließen Sie Ihre Tags

Die meisten Elemente müssen geschlossen werden (<p>…</p>). Einige sind „selbstschließend“ und stehen allein, wie <img> oder <br>.

Häufige Fragen

Wofür steht HTML?
HyperText Markup Language — „Hypertext“, weil Seiten miteinander verlinkt sind, und „Markup“ (Auszeichnung), weil man Text mit Tags auszeichnet.
Ist HTML eine Programmiersprache?
Nicht im klassischen Sinn: Es hat keine Logik und keine Variablen. Es ist eine Auszeichnungssprache, die Struktur beschreibt.
Welchen Browser soll ich verwenden?
Jeder moderne Browser eignet sich — Chrome, Firefox, Edge oder Safari stellen Standard-HTML gleich dar.

Bereit für den nächsten Schritt?

Jetzt, wo Sie wissen, was HTML ist, lernen Sie die Kernelemente für den täglichen Gebrauch.

Weiter zu den HTML-Grundlagen

Kommentare