Dieser HTML-Kurs für Webentwickler bietet einen soliden Überblick für Entwickler – vom Anfänger bis zum Experten.

Willkommen bei HTML! Die HyperText Markup Language (HTML) ist das Rückgrat des Webs. Sie liefert die Inhalte und die Struktur dieser Inhalte, die in Ihrem Webbrowser angezeigt werden.

Sofern Sie sich nicht eine PDF-Datei oder eine gedruckte Version dieser Seite ansehen, besteht dieser Inhalt aus verschiedenen HTML-Elementen und Text. HTML ist die Inhaltsebene des Webs. HTML-Elemente sind die Knoten, aus denen das Document Object Model besteht.

Cascading Style Sheets sorgen für das Erscheinungsbild oder die Darstellungsebene der Seite. JavaScript ist die Verhaltensschicht, die häufig zum Manipulieren der Objekte in einem Dokument verwendet wird. Bei Websites, die mit JavaScript-Frameworks erstellt werden, wird in Wirklichkeit nur HTML manipuliert. Daher ist es wichtig, Ihre HTML-Dateien so zu markieren, dass sie von Scripts leicht geparst und von Hilfstechnologien leicht verstanden werden können. Das bedeutet, dass HTML-Code mit modernen Standards geschrieben werden muss.

Übersicht

Dieser HTML-Kurs für Webentwickler bietet einen soliden Überblick für Entwickler – vom Anfänger bis zum Experten. Wenn Sie mit HTML noch nicht vertraut sind, lernen Sie, wie Sie strukturell einwandfreie Inhalte erstellen. Wenn Sie schon seit Jahren Websites erstellen, können Sie mit diesem Kurs Wissenslücken schließen, von denen Sie nicht einmal wussten, dass Sie sie haben.

Dabei bauen wir die Struktur für MachineLearningWorkshop.com auf. Bei der Erstellung dieser Reihe sind keine Maschinen zu Schaden gekommen.

Dies ist keine vollständige Referenz. Jeder Abschnitt enthält eine kurze Einführung in das Thema mit Erklärungen und Beispielen, die Sie dazu anregen sollen, sich weiter mit dem Thema zu beschäftigen. Es wird Links zu Themenreferenzen wie den Spezifikationen der MDN und der WHATWG sowie zu anderen web.dev-Artikeln geben. Dies ist kein Kurs zur Barrierefreiheit. Jeder Abschnitt enthält jedoch Best Practices für die Barrierefreiheit und spezifische Probleme mit Links zu ausführlicheren Informationen zum Thema. Jeder Abschnitt enthält eine kurze Bewertung, mit der die Nutzer ihr Verständnis überprüfen können.

Sie erfahren Folgendes:

Überblick über HTML

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

Dokumentstruktur

Hier erfahren Sie, wie Sie Ihre HTML-Dokumente mit einer soliden Grundlage strukturieren.

Metadaten

Informationen zum Verwenden von Meta-Tags, um Informationen zu Ihren Dokumenten bereitzustellen.

Semantisches HTML

Verwenden Sie die richtigen HTML-Elemente, um den Inhalt Ihres Dokuments zu beschreiben.

Überschriften und Abschnitte

Wie Sie Abschnittselemente richtig verwenden, um Ihren Inhalten einen Sinn zu geben.

Attribute

Hier finden Sie Informationen zu den verschiedenen globalen Attributen sowie zu Attributen, die für bestimmte HTML-Elemente spezifisch sind.

Grundlagen von Text

So formatieren Sie Text mit HTML.

Links

Alles, was Sie über Verknüpfungen wissen müssen

Listen

Listen und andere Möglichkeiten, Inhalte zu gruppieren

Navigation

Die Navigation ist ein wichtiges Element jeder Website oder Anwendung und beginnt mit HTML.

Tabellen

Informationen zum Markieren tabellarischer Daten mit Tabellen

Google Formulare

Eine Ü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 Video arbeiten.

Vorlage, Steckplatz und Schatten

Eine Erklärung zu Vorlage, Steckplatz und Schatten.

HTML APIs

Hier erfahren Sie, wie HTML-Informationen mit JavaScript freigegeben und manipuliert werden können.

Fokus

So verwalten Sie die Fokusreihenfolge in Ihren HTML-Dokumenten.

Andere Inline-Textelemente

Eine Einführung in die verschiedenen Elemente, die zum Markieren von Text verwendet werden.

Details und Zusammenfassung

Hier 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, um jede Art von Dialogfeld in HTML darzustellen. Hier erfahren Sie, wie es funktioniert.

Fazit und nächste Schritte

Zum Abschluss noch einige weitere Ressourcen:

Sind Sie bereit, HTML zu lernen? Los gehts.