HTML lernen, ausprobieren und verstehen
Willkommen bei HTMLWiki.de. Du hast einen Browser? Sehr gut. Mehr brauchen wir erstmal nicht. Hier findest du HTML-Erklärungen, Tutorials, Beipiele und Live-Demos, von den ersten Zeilen Code bis zur Webentwicklung mit KI. Die Seite sieht absichtlich aus wie 1998, die Inhalte sind es nicht. Versprochen.
HTML lernen HTML-Tutorial starten Code ausprobieren HTML mit KI erstellen
Womit fange ich an?
Wenn du noch nie eine Zeile HTML geschrieben hast, fang mit den HTML-Grundlagen an. Dort erklären wir was HTML überhaupt ist, wie das Grundgerüst einer Seite aussieht und warum dein Browser aus ein paar spitzen Klammern eine ganze Webseite macht. Danach geht es im großen HTML-Tutorial Schritt für Schritt weiter bis zur ersten eigenen Homepage.
Du lernst am besten durch machen? Dann ab in die HTML-Spielwiese. Da tippst du Code rein und siehst sofort was passiert. Kein Login, keine Installation, kein Risiko.
Beliebte Seiten im Wiki
| Thema | Worum geht es? |
|---|---|
| HTML-Grundgerüst | Die Vorlage, mit der jede Seite anfängt. Zum Kopieren und Verstehen. |
| Der Link: <a> | Ohne Links kein Web. Alles über das a-Element und seine Attribute. |
| Bilder: <img> | Bilder einbinden, Alt-Texte schreiben, Ladezeiten im Griff behalten. |
| Tabellen: <table> | Für Daten super, für Layouts zum Glück nicht mehr. |
| Formulare: <form> | Eingabefelder, Buttons und was beim Absenden passiert. |
| Semantisches HTML NEU | Warum header, main und footer mehr sind als schicke Namen. |
Die Bereiche im Überblick
Die HTML-Grundlagen und die komplette Elementreferenz: jedes wichtige Element mit Erklärung, Beispiel und Live-Demo. Hier stehen die Wichtigsten Grundlagen für alles andere.
In den Tutorials baust du echte Sachen: eine erste eigene Seite, eine Navigation, ein Kontaktformular oder gleich eine ganze persönliche Homepage.
Im Bereich HTML + KI zeigen wir wie du mit ChatGPT und Claude Webseiten baust, bestehenden Code verbesserst und vor allem: wie du KI-Code prüfst statt ihn blind zu übernehmen.
Das Retro-Web erklärt wie Webseiten früher gebaut wurden: Tabellenlayouts, Frames, blinkende Schrift. Inklusive der Frage warum diese Seite hier so aussieht wie sie aussieht.
Im Glossar schlagen wir die Begriffe nach die einem ständig um die Ohren fliegen: DOM, Viewport, Rendering und Co. Kurz erklärt, mit Links zum Weiterlesen.
Warum sieht das hier so aus?
Gute Frage. HTMLWiki folgt einem einfachen Prinzip: Design von 1998, Inhalte von heute. Die Optik ist eine Verbeugung vor der Zeit, als das Web noch aus grauen Kästen, bunten Schriften und Besucherzählern bestand. Unter der Haube steckt aber modernes, semantisches HTML5, die Seite ist responsive, barrierearm und lädt schneller als du "Under Construction" sagen kannst. Wie das genau funktioniert, erklären wir auf der Seite Über HTMLWiki und ausführlich im Artikel über eine Webseite wie 1998 mit modernem HTML.
Übrigens: Diese Seite setzt keine Cookies, lädt keine Werbung und trackt dich nicht. Auch das ist irgendwie sehr 1998.
Du suchst etwas Bestimmtes? Die Sitemap listet alle Seiten auf. Neuigkeiten stehen unter Was ist neu.