HTML ist die Grundlage jeder Website — ohne es gibt es keine Struktur, keine Inhalte, kein Web. In diesem Tutorial lernst du in unter 30 Minuten, wie HTML funktioniert und wie du damit deine ersten eigenen Seiten baust.
Was ist HTML und wozu brauchst du es?
HTML ist eine Auszeichnungssprache, keine Programmiersprache. Das klingt nach einem akademischen Detail, ist aber wichtig: Mit HTML beschreibst du den Inhalt einer Seite. Du sagst dem Browser, was er anzeigen soll. Ob es ein Text, eine Überschrift, ein Bild oder ein Link ist.
Für das Aussehen, also Farben, Abstände, Schriften, ist CSS zuständig. Für die Logik und Interaktivität kommt JavaScript. HTML ist der Anfang. Ohne HTML gibt es keine Website.
Die komplette Referenz aller HTML-Elemente findest du auf MDN Web Docs. Für den Start brauchst du davon nur eine Handvoll.
Dein Setup: VS Code einrichten
Bevor du loslegen kannst, brauchst du einen Code Editor. Die klare Empfehlung: Visual Studio Code. Es ist kostenlos und hat eine Autovervollständigung, die dir viel Tipparbeit spart.
Nach der Installation erstellst du einen neuen Ordner auf deinem Desktop, zum Beispiel “HTML-Test”. Den öffnest du in VS Code über “Datei > Ordner öffnen”. Dann legst du eine neue Datei an und gibst ihr die Endung .html, also etwa test.html.
Die Dateiendung ist wichtig. Genau wie Word-Dateien auf .docx enden und Bilder auf .png, muss deine HTML-Datei auf .html enden. Nur so weiß der Browser, womit er es zu tun hat.
Die Grundstruktur einer HTML-Datei
In VS Code gibt es einen praktischen Trick: Tipp in einer leeren .html-Datei einfach ! und drück Tab. Du bekommst sofort die komplette Grundstruktur eingefügt: