Einführung in HTML
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>.