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.
Links
Alles Wissenswerte zu Links.
Listen
Listen und andere Möglichkeiten zum Gruppieren deiner Inhalte.
Navigation
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.