Willkommen bei Learn HTML!

Dieser HTML-Kurs für Webentwickler bietet Entwicklern einen soliden Überblick für Anfänger und Fortgeschrittene.

Willkommen bei HTML! HyperText Markup Language (HTML) ist das Herzstück des Webs. Sie stellt die Inhalte sowie die Struktur dieser Inhalte bereit, die in Ihrem Webbrowser angezeigt werden.

Sofern Sie keine PDF- oder gedruckte Version dieser Seite lesen, besteht dieser Inhalt aus verschiedenen HTML-Elementen und Text. HTML ist die Content-Ebene des Webs. HTML-Elemente sind die Knoten, aus denen das Document Object Model besteht.

Cascading Style Sheets (Cascading Style Sheets) verleihen der Seite das Erscheinungsbild oder die Darstellungsebene. JavaScript ist die Verhaltensebene, die häufig verwendet wird, um Objekte in einem Dokument zu bearbeiten. Websites, die mit JavaScript-Frameworks erstellt wurden, bearbeiten in Wirklichkeit nur HTML. Es ist wiederum wichtig, dass Sie Ihren HTML-Code so auszeichnen, dass Skripts leicht parsen können und Hilfstechnologien leicht verständlich sind. Dies bedeutet, dass Sie HTML-Code mit modernen Standards schreiben müssen.

Überblick

Dieser HTML-Kurs für Webentwickler bietet soliden Überblick für Entwickler – vom Einsteiger bis zum Experten-Niveau. Wenn Sie noch keine Erfahrung mit HTML haben, lernen Sie, wie Sie strukturell klingende Inhalte erstellen. Wenn Sie schon seit Jahren Websites erstellen, kann dieser Kurs Wissenslücken schließen, von denen Sie nicht einmal wussten, dass Sie sie haben.

Dabei erstellen wir die Struktur für MachineLearningWorkshop.com. Bei der Erstellung dieser Reihe sind keine Maschinen beschädigt.

Dies ist keine vollständige Referenz. In jedem Abschnitt wird das Thema mit kurzen Erklärungen und Beispielen vorgestellt, sodass Sie die Gelegenheit haben, es weiter zu erkunden. Es werden Links zu Themenreferenzen wie der MDN- und WHATWG-Spezifikation sowie andere web.dev-Artikel angegeben. Dieser Kurs ist zwar kein Kurs zur Barrierefreiheit, aber jeder Abschnitt enthält Best Practices zur Barrierefreiheit und spezifische Themen sowie Links zu weiterführenden Informationen zum Thema. Für jeden Abschnitt gibt es einen kurzen Test, mit dem die Teilnehmer ihr Verständnis bestätigen können.

Die folgenden Themen werden behandelt:

Übersicht über HTML

Eine kurze Einführung in die wichtigsten Konzepte in HTML.

Dokumentstruktur

Erfahren Sie, wie Sie Ihre HTML-Dokumente auf einer soliden Grundlage strukturieren können.

Metadaten

So verwenden Sie Meta-Tags, um Informationen zu Ihren Dokumenten bereitzustellen.

Semantisches HTML

Die richtigen HTML-Elemente zur Beschreibung des Dokumentinhalts verwenden

Überschriften und Abschnitte

Wie du Abschnittselemente richtig verwendest, um deinen Inhalten eine Bedeutung zu verleihen

Attributes

Hier erfahren Sie mehr über die verschiedenen globalen Attribute und die spezifischen Attribute bestimmter HTML-Elemente.

Textgrundlagen

Informationen zur Formatierung von Text mit HTML.

Alles Wissenswerte zu Links.

Listen

Listen und andere Möglichkeiten zum Gruppieren deiner Inhalte.

Die Navigation ist ein Schlüsselelement jeder Anwendungswebsite und beginnt mit HTML.

Tabellen

Verwenden von Tabellen zum Auszeichnen von Tabellendaten

Google Formulare

Übersicht über Formulare in HTML.

Bilder

Eine Übersicht über Bilder in HTML.

Audio und Video

Hier erfahren Sie, wie Sie mit HTML-Medien wie Audio- und Videoinhalten arbeiten.

Vorlage, Anzeigenfläche und Schatten

Eine Erläuterung von Vorlage, Anzeigenfläche und Schatten.

HTML-APIs

Erfahren Sie, wie HTML-Informationen mithilfe von JavaScript offengelegt und bearbeitet werden können.

Fokus

So verwalten Sie die Fokusreihenfolge in HTML-Dokumenten.

Andere Inline-Textelemente

Eine Einführung in den Elementbereich, der zum Auszeichnen von Text verwendet wird.

Details und Zusammenfassung

Erfahren Sie, wie die sehr nützlichen Details und Zusammenfassungselemente funktionieren und wo Sie sie verwenden können.

Dialog

Das <dialog> -Element ist ein nützliches Element zur Darstellung jeder Art von Dialog in HTML. Hier erfahren Sie, wie es funktioniert.

Fazit und nächste Schritte

Zum Abschluss noch einige weitere Ressourcen.

Bist du bereit, HTML zu lernen? Los gehts.