HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
View in English Always switch to English
HTML (HyperText Markup Language) ist der grundlegendste Baustein des Webs. Es definiert die Bedeutung und Struktur von Webinhalten. Andere Technologien als HTML werden im Allgemeinen verwendet, um das Erscheinungsbild/die Darstellung einer Webseite (CSS) oder ihre Funktionalität/ihr Verhalten (JavaScript) zu beschreiben.
„Hypertext“ bezeichnet Text, der Links enthält, welche Webseiten miteinander verbinden – entweder innerhalb einer einzelnen Website oder zwischen Websites. Links sind ein grundlegender Aspekt des Webs. Indem Sie Inhalte ins Internet hochladen und mit Seiten verlinken, die von anderen Personen erstellt wurden, werden Sie zu einem aktiven Teilnehmenden am World Wide Web.
HTML verwendet „Markup“, um Text, Bilder und andere Inhalte für die Darstellung in einem Webbrowser auszuzeichnen. HTML-Markup umfasst spezielle „Elemente“ wie <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <search>, <output>, <progress>, <video>, <ul>, <ol>, <li> und viele weitere.
Ein HTML-Element wird durch „Tags“ von anderem Text in einem Dokument abgegrenzt. Diese bestehen aus dem Elementnamen, der von < und > umgeben ist. Beim Namen eines Elements innerhalb eines Tags wird nicht zwischen Groß- und Kleinschreibung unterschieden. Das heißt, er kann in Großbuchstaben, Kleinbuchstaben oder einer Mischung aus beiden geschrieben werden. Beispielsweise kann der <title>-Tag als <Title>, <TITLE> oder auf jede andere Weise geschrieben werden. Die Konvention und empfohlene Praxis ist jedoch, Tags kleingeschrieben zu verwenden.
Die folgenden Artikel können Ihnen helfen, mehr über HTML zu erfahren.
Unsere Kernmodule zum Erlernen der Webentwicklung enthalten moderne, aktuelle Tutorials zu den Grundlagen von HTML.
Dieser Artikel bietet einen kurzen Überblick darüber, was HTML ist und wie es verwendet wird. Er richtet sich an Personen, die ganz neu in der Webentwicklung sind.
Dieses Modul behandelt die Grundlagen der Sprache HTML, bevor es wichtige Bereiche wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr behandelt.
Formulare sind ein sehr wichtiger Teil des Webs – sie stellen einen großen Teil der Funktionalität bereit, die Sie für die Interaktion mit Websites benötigen, z. B. für die Registrierung und Anmeldung, das Senden von Feedback, den Kauf von Produkten und mehr. Dieses Modul hilft Ihnen beim Einstieg in die Erstellung der Client-seitigen/Front-End-Teile von Formularen.
Die HTML-Leitfäden helfen Ihnen beim Erstellen mit HTML im Web. Sie behandeln Themen wie Formulare, CORS, das Vorladen von Inhalten und responsive Bilder.
Schnellreferenz für gängige HTML-Syntax und Aufgaben.
HTML-Kommentare werden verwendet, um dem Markup erklärende Hinweise hinzuzufügen oder den Browser daran zu hindern, bestimmte Teile des Dokuments zu interpretieren.
HTML5 führte die Constraint Validation ein, um die Validierung von Formularen auf der Client-Seite zu erleichtern. Grundlegende Einschränkungen können ohne JavaScript geprüft werden, indem Attribute für Formularelemente festgelegt werden.
HTML besteht aus mehreren Arten von Inhalten, von denen jede in bestimmten Kontexten verwendet werden darf und in anderen nicht zulässig ist. Ebenso verfügt jeder Kontext über eine Reihe weiterer Inhaltskategorien, die er enthalten kann, sowie über Elemente, die darin verwendet werden können oder nicht. Dies ist ein Leitfaden zu diesen Kategorien.
Bestimmte HTML-Elemente verwenden Datums- und/oder Zeitwerte. Dieser Leitfaden beschreibt die Formate der Zeichenketten, die diese Werte angeben.
Microdata wird verwendet, um Metadaten in bestehende Inhalte auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Microdata extrahieren und verarbeiten, um ein reichhaltigeres Browsing-Erlebnis bereitzustellen.
Microformats sind Standards, die verwendet werden, um Semantik und strukturierte Daten in HTML einzubetten, damit sie von sozialen Webanwendungen, Suchmaschinen, Aggregatoren und anderen Werkzeugen genutzt werden können.
Historische Informationen zum Quirks-Modus und zum Standards-Modus.
Erfahren Sie mehr über responsive Bilder, die auf Geräten mit stark unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Merkmalen gut funktionieren und die Leistung auf verschiedenen Geräten verbessern.
Die Elemente <audio> und <video> ermöglichen es Ihnen, Audio- und Videomedien nativ innerhalb Ihrer Inhalte abzuspielen, ohne dass externe Softwareunterstützung erforderlich ist.
HTML bietet mehrere Möglichkeiten, beschreibende Semantik zu vermitteln, sowohl inline als auch als strukturierte Glossare. Dieser Artikel zeigt, wie Schlüsselwörter beim Definieren korrekt ausgezeichnet werden.
HTML5 wurde mit Blick auf Erweiterbarkeit für Daten entwickelt, die einem bestimmten Element zugeordnet werden sollen, jedoch keine definierte Bedeutung haben müssen. Attribute data-* ermöglichen es uns, zusätzliche Informationen in standardmäßigen, semantischen HTML-Elementen zu speichern.
Einige HTML-Elemente, die Unterstützung für CORS bereitstellen, wie <img> oder <video>, verfügen über ein crossorigin-Attribut (Eigenschaft crossOrigin), mit dem Sie die CORS-Anfragen für die abgerufenen Daten des Elements konfigurieren können.
Image Maps ermöglichen es, Hyperlinks unterschiedlichen Teilen eines Bildes zuzuordnen. Dieser Artikel zeigt, wie Sie sie erstellen und implementieren.
Diese Tipps basieren auf allgemeinem Wissen und Experimenten. Eine optimierte Webseite sorgt nicht nur für eine reaktionsschnellere Website für Ihre Besuchenden, sondern reduziert auch die Belastung Ihrer Webserver und Internetverbindung.
Dieser Art