HTML: HyperText Markup Language

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.

Tutorials für Einsteiger

Unsere Kernmodule zum Erlernen der Webentwicklung enthalten moderne, aktuelle Tutorials zu den Grundlagen von HTML.

Ihre erste Website: Inhalte erstellen: 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.
Inhalte mit HTML strukturieren: Dieses Modul behandelt die Grundlagen der Sprache HTML, bevor es wichtige Bereiche wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr behandelt.
HTML-Formulare: 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.

Leitfäden

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.

HTML-Spickzettel für Syntax und häufige Aufgaben: Schnellreferenz für gängige HTML-Syntax und Aufgaben.
HTML-Kommentare  verwenden: HTML-Kommentare werden verwendet, um dem Markup erklärende Hinweise hinzuzufügen oder den Browser daran zu hindern, bestimmte Teile des Dokuments zu interpretieren.
HTML-Formularvalidierung und die Constraint Validation API verwenden: 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.
Inhaltskategorien: 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.
Datums- und Zeitformate in HTML verwenden: Bestimmte HTML-Elemente verwenden Datums- und/oder Zeitwerte. Dieser Leitfaden beschreibt die Formate der Zeichenketten, die diese Werte angeben.
Microdata in HTML verwenden: 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 in HTML verwenden: 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.
Quirks- und Standards-Modi verstehen: Historische Informationen zum Quirks-Modus und zum Standards-Modus.
Responsive Bilder in HTML verwenden: 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.
Medientypen und -formate im Web: Die Elemente <audio> und <video> ermöglichen es Ihnen, Audio- und Videomedien nativ innerhalb Ihrer Inhalte abzuspielen, ohne dass externe Softwareunterstützung erforderlich ist.

Anleitung

Begriffe mit HTML definieren: 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.
Datenattribute verwenden: 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.
Cross-Origin-Bilder in einem Canvas verwenden: 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.
Eine Hitmap über einem Bild hinzufügen: Image Maps ermöglichen es, Hyperlinks unterschiedlichen Teilen eines Bildes zuzuordnen. Dieser Artikel zeigt, wie Sie sie erstellen und implementieren.
Schnell ladende HTML-Seiten erstellen: 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.
JavaScript zu Ihrer Webseite hinzufügen: Dieser Artikel erläutert, wie Sie JavaScript-Code zu einer HTML-Datei hinzufügen.

Referenz

HTML besteht aus Elementen, die jeweils durch eine beliebige Anzahl von Attributen verändert werden können. HTML-Dokumente sind über Links miteinander verbunden. Durchsuchen Sie die vollständige Dokumentation der HTML-Referenz.

HTML-Elemente: Referenz für alle HTML-Elemente.
HTML-Attribute: Referenz für alle HTML-Attribute. Attribute sind zusätzliche Werte, die Elemente konfigurieren oder ihr Verhalten auf verschiedene Weise anpassen.
Globale Attribute: Referenz für globale Attribute, die bei allen HTML-Elementen angegeben werden können, selbst bei solchen, die nicht im Standard festgelegt sind. Das bedeutet, dass alle nicht standardmäßigen Elemente diese Attribute dennoch erlauben müssen, obwohl diese Elemente das Dokument nicht HTML5-konform machen.

Attribute nach Element

Input-Typen: Werden verwendet, um interaktive Steuerelemente für webbasierte Formulare zu erstellen.
Script-Typen: Gibt den Typ des durch das Element dargestellten Scripts an.
meta name: Stellt Metadaten in Name-Wert-Paaren für die gesamte Seite bereit.

Attributwerte

rel-Schlüsselwörter: Definiert die Beziehung zwischen einer verlinkten Ressource und dem aktuellen Dokument.

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden