HTML

Anfänger

Lerne die Struktur des Webs kennen. Tags, Attribute, Semantic HTML und mehr.

20 Artikel

Interaktive Beispiele

0 von 20 Artikeln abgeschlossen (0%)

Tutorial starten

Lernpfad

Arbeite die Kapitel in der vorgeschlagenen Reihenfolge durch

HTML Grundlagen

Struktur und Syntax von HTML

0 / 20 Artikel

HTML Grundlagen - Deine erste Webseite

Anfänger

Lerne die Grundbausteine des Webs kennen. In diesem Tutorial erstellst du deine allererste HTML-Seite und verstehst, wie das Web funktioniert.

HTML Überschriften - h1 bis h6 erklärt

Anfänger

Lerne alles über HTML-Überschriften (h1-h6). Hierarchie, SEO, Best Practices und wie du Überschriften richtig einsetzt.

HTML Absätze und Zeilenumbrüche - p, br, hr

Anfänger

Lerne, wie du Texte in HTML strukturierst. Absätze (p), Zeilenumbrüche (br), horizontale Linien (hr) und Best Practices.

HTML Text-Formatierung - strong, em, mark & mehr

Anfänger

Lerne alle HTML-Tags zur Text-Formatierung kennen: strong, em, mark, small, del, ins, sub, sup und wann du welches nutzt.

Das <div> Element - Container für Block-Inhalte

Anfänger

Vollständige Referenz zum HTML <div> Element: Syntax, Attribute, Default-Styling, Best Practices und praktische Beispiele

Das <span> Element - Inline-Container für Text

Anfänger

Vollständige Referenz zum HTML <span> Element: Syntax, Verwendung, Default-Styling, Unterschiede zu <div> und praktische Beispiele

HTML Listen - Geordnet und ungeordnet

Anfänger

Lerne, wie du mit Listen arbeitest. Perfekt für Aufzählungen, Menüs und strukturierte Inhalte.

Das <a> Element - Links und Navigation

Anfänger

Vollständige Referenz zum HTML <a> (Anchor) Element: Attribute, Link-Typen, Sicherheit, Accessibility und Best Practices

HTML Links & Navigation

Anfänger

Verstehe, wie Links funktionieren und wie du eine Navigation erstellst. Das Rückgrat des Webs!

HTML Bilder - Das img-Tag richtig nutzen

Anfänger

Lerne, wie du Bilder in HTML einfügst. src, alt, width, height, responsive Bilder und Best Practices für Webseiten.

Das <button> Element - Interaktive Schaltflächen

Anfänger

Vollständige Referenz zum HTML <button> Element: Typen, Attribute, States, Accessibility, Button vs Link und Best Practices

HTML Input-Elemente - Alle Typen erklärt

Anfänger

Lerne alle HTML-Input-Typen kennen: text, email, password, checkbox, radio, date und mehr. Mit Beispielen und Best Practices.

HTML Formulare - Benutzereingaben erfassen

Anfänger

Lerne, wie du interaktive Formulare erstellst, um Daten von Nutzern zu sammeln. Von einfachen Textfeldern bis zu komplexen Formularen.

HTML Tabellen - Daten strukturieren

Fortgeschritten

Lerne, wie du Tabellen erstellst, um Daten übersichtlich darzustellen.

Semantic HTML - Bedeutungsvolle Struktur

Fortgeschritten

Nutze semantische HTML5-Tags für bessere Struktur, SEO und Barrierefreiheit.

HTML Attribute - id, class, data-* und mehr

Anfänger

Lerne alles über HTML-Attribute. Von grundlegenden Attributen wie id und class bis zu data-Attributen und ARIA für Accessibility.

HTML5 Multimedia - Video, Audio & Picture

Anfänger

Lerne, wie du Videos, Audio-Dateien und responsive Bilder in deine Webseite einbindest. HTML5 Multimedia ohne Plugins!

HTML SEO & Meta-Tags - Optimiere für Google

Fortgeschritten

Lerne, wie du deine HTML-Seite für Suchmaschinen optimierst. Meta-Tags, Open Graph, Schema.org und SEO Best Practices.

HTML Abschluss-Projekt: Portfolio-Website

Anfänger

Baue deine erste vollständige Website! In diesem Projekt-Guide erstellst du eine professionelle Portfolio-Seite mit allem, was du gelernt hast.

HTML Referenz - Schnellübersicht aller Tags

Anfänger

Vollständige HTML-Referenz mit allen wichtigen Tags und Beispielen. Dein Nachschlagewerk für die HTML-Entwicklung.