Dieser HTML-Kurs für Webentwickler bietet einen soliden Überblick für Entwickler mit unterschiedlichen Kenntnissen.
HyperText Markup Language (HTML) ist das Fundament des Internets. Sie stellt die Inhalte und die Struktur dieser Inhalte bereit, die in Ihrem Webbrowser angezeigt werden.
Sofern Sie diese Seite nicht als PDF oder in gedruckter Form lesen, 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 (CSS) definieren das Erscheinungsbild der Seite. JavaScript ist die Verhaltensebene, die häufig zum Bearbeiten der Objekte in einem Dokument verwendet wird. Bei Websites, die mit JavaScript-Frameworks erstellt werden, wird im Grunde nur HTML manipuliert. Deshalb ist es wichtig, Ihr HTML so zu kennzeichnen, dass es von Skripten leicht geparst und von unterstützenden Technologien verstanden werden kann.
Das bedeutet, dass Sie HTML-Code mit modernen Standards schreiben.
Lerninhalte
Dieser HTML-Kurs für Webentwickler bietet einen soliden Überblick für Entwickler mit unterschiedlichen Kenntnissen. Wenn Sie noch keine Erfahrung mit HTML haben, lernen Sie, wie Sie strukturell solide Inhalte erstellen. Wenn Sie schon seit Jahren Websites erstellen, können Sie in diesem Kurs möglicherweise 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 zu Schaden gekommen.
Dies ist keine vollständige Referenz. In jedem Abschnitt wird das jeweilige Thema mit kurzen Erläuterungen und Beispielen eingeführt, sodass Sie die Möglichkeit haben, es genauer zu untersuchen. Es gibt Links zu Themenreferenzen wie MDN und WHATWG-Spezifikationen sowie zu anderen web.dev-Artikeln. Dies ist zwar kein Kurs zur Barrierefreiheit, aber jeder Abschnitt enthält Best Practices und spezifische Probleme im Zusammenhang mit Barrierefreiheit sowie Links zu weiterführenden Informationen. Jeder Abschnitt enthält eine kurze Zusammenfassung, die Nutzern hilft, das Gelernte zu festigen.
In diesem Kurs lernen Sie Folgendes:
Übersicht über HTML
Eine kurze Einführung in die wichtigsten Konzepte in HTML.
Dokumentstruktur
Hier erfahren Sie, wie Sie Ihre HTML-Dokumente mit einer soliden Grundlage strukturieren.
Metadaten
So verwenden Sie Meta-Tags, um Informationen zu Ihren Dokumenten anzugeben.
Semantisches HTML
Verwenden Sie die richtigen HTML-Elemente, um den Inhalt Ihres Dokuments zu beschreiben.
Überschriften und Abschnitte
Abschnittselemente richtig verwenden, um Ihren Inhalten Bedeutung zu verleihen
Attribute
Hier finden Sie Informationen zu den verschiedenen globalen Attributen sowie zu Attributen, die für bestimmte HTML-Elemente spezifisch sind.
Grundlagen zu Text
So formatieren Sie Text mit HTML.
Links
Alles, was Sie über Links wissen müssen.
Listen
Listen und andere Möglichkeiten, deine Inhalte zu gruppieren.
Navigation
Die Navigation ist ein Schlüsselelement jeder Website oder Anwendung und beginnt mit HTML.
Tabellen
Tabellen zum Markieren tabellarischer Daten verwenden
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, Slot und Schatten
Eine Erklärung zu Vorlage, Slot und Schatten.
HTML-APIs
Hier erfahren Sie, wie HTML-Informationen mit JavaScript verfügbar gemacht und bearbeitet werden können.
Fokus
So verwalten Sie die Fokusreihenfolge in Ihren HTML-Dokumenten.
Weitere 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 Detail- und Zusammenfassungselemente funktionieren und wo Sie sie verwenden können.
Dialog
Das <dialog>-Element ist ein nützliches Element, um jede Art von Dialog in HTML darzustellen. Hier erfahren Sie, wie es funktioniert.
Fazit und nächste Schritte
Zum Schluss noch einige weitere Ressourcen.
Sind Sie bereit, HTML zu lernen? Jetzt starten