HTML: HyperText Markup Language

HTML (HyperText Markup Language) ist der grundlegendste Baustein des Webs. Es definiert die Bedeutung und Struktur von Webinhalten. Neben HTML werden im Allgemeinen andere Technologien verwendet, um das Erscheinungsbild/Präsentation einer Webseite zu beschreiben (CSS) oder deren Funktionalität/Verhalten (JavaScript).

"Hypertext" bezieht sich auf Links, die Webseiten miteinander verbinden, entweder innerhalb einer einzigen 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 ein aktiver Teilnehmer des World Wide Web.

HTML verwendet "Markup", um Text, Bilder und andere Inhalte für die Anzeige in einem Webbrowser zu kennzeichnen. HTML-Markup enthält 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 andere.

Ein HTML-Element ist durch "Tags" von anderem Text in einem Dokument abgegrenzt, die aus dem Elementnamen bestehen, der von < und > umgeben ist. Der Name eines Elements innerhalb eines Tags ist nicht case-sensitiv. Das heißt, er kann in Großbuchstaben, Kleinbuchstaben oder einer Mischung daraus geschrieben werden. Zum Beispiel kann das <title>-Tag als <Title>, <TITLE> oder auf beliebige andere Weise geschrieben werden. Die Konvention und empfohlene Praxis ist jedoch, Tags in Kleinbuchstaben zu schreiben.

Die folgenden Artikel können Ihnen helfen, mehr über HTML zu lernen.

Einsteiger-Tutorials

Unsere Kernmodule zum Erlernen der Webentwicklung enthalten moderne, aktuelle Tutorials, die die Grundlagen von HTML abdecken.

Ihre erste Website: Erstellung der Inhalte: Dieser Artikel bietet eine kurze Einführung in das, was HTML ist und wie es verwendet wird, für Leute, die völlig neu in der Webentwicklung sind.
Inhalte mit HTML strukturieren: Dieses Modul behandelt die Grundlagen der HTML-Sprache, bevor es sich wichtigen Bereichen wie Dokumentstruktur, Links, Listen, Bildern, Formularen und mehr widmet.
HTML-Formulare: Formulare sind ein sehr wichtiger Teil des Webs – sie bieten viele der Funktionalitäten, die Sie zum Interagieren mit Websites benötigen, z.B. Registrierung und Login, Senden von Feedback, Kauf von Produkten und mehr. Dieses Modul führt Sie in die Erstellung der clientseitigen/front-end Teile von Formularen ein.

Leitfäden

Die HTML-Leitfäden helfen Ihnen, mit HTML im Web zu arbeiten. Sie behandeln Themen wie Formulare, CORS, Content Preloading und Responsive Images.

HTML-Cheatsheet für Syntax und allgemeine Aufgaben: Schnelles Nachschlagewerk für allgemeine HTML-Syntax und Aufgaben.
Verwendung von HTML-Kommentaren : HTML-Kommentare werden verwendet, um erläutende Notizen zum Markup hinzuzufügen oder um den Browser daran zu hindern, bestimmte Teile des Dokuments zu interpretieren.
Verwendung von HTML-Formularvalidierung und der Constraint Validation API: HTML5 führte die Einschränkungsprüfung ein, um die Formularvalidierung auf der Clientseite zu erleichtern. Grundlegende Einschränkungen können ohne JavaScript überprüft werden, indem Attribute auf Formularelementen gesetzt werden.
Inhaltskategorien: HTML besteht aus verschiedenen Arten von Inhalten, von denen jeder in bestimmten Kontexten verwendet werden darf und in anderen nicht. Ebenso hat jeder Kontext eine Reihe anderer Inhaltskategorien, die er enthalten kann, und Elemente, die darin verwendet werden dürfen oder nicht. Dies ist ein Leitfaden zu diesen Kategorien.
Verwendung von Datums- und Zeitformaten in HTML: Bestimmte HTML-Elemente verwenden Datums- und/oder Zeitwerte. Dieser Leitfaden beschreibt die Formate der Zeichenketten, die diese Werte angeben.
Verwendung von Microdata in HTML: Microdata wird verwendet, um Metadaten innerhalb bestehender Inhalte auf Webseiten zu verschachteln. Suchmaschinen und Webcrawler können Microdata extrahieren und verarbeiten, um ein reichhaltigeres Surferlebnis zu bieten.
Verwendung von Mikroformaten in HTML: Mikroformate sind Standards zur Einbettung von Semantik und strukturierten Daten in HTML zur Verwendung durch soziale Webanwendungen, Suchmaschinen, Aggregatoren und andere Tools.
Verständnis von Quirks und Standards-Modi: Historische Informationen über den Quirks-Modus und den Standards-Modus.
Verwendung von responsiven Bildern in HTML: Lernen Sie über responsive Bilder, die gut auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Features funktionieren und die Leistung auf verschiedenen Geräten verbessern.
Medientypen und Formate im Web: Die <audio>- und <video>-Elemente ermöglichen es Ihnen, Audio- und Videomedien nativ innerhalb Ihrer Inhalte abzuspielen, ohne dass zusätzliche Softwareunterstützung nötig ist.

Anleitungen

Begriffe mit HTML definieren: HTML bietet mehrere Möglichkeiten, Bedeutungssemantik zu vermitteln, ob inline oder als strukturierte Glossare. Dieser Artikel zeigt Ihnen, wie Sie Schlüsselwörter bei der Definition richtig auszeichnen.
Verwendung von Datenattributen: HTML5 ist mit Blick auf Erweiterbarkeit konzipiert für Daten, die mit einem bestimmten Element verknüpft sein sollten, jedoch keine definierte Bedeutung haben müssen. data-*-Attribute ermöglichen es uns, zusätzliche Informationen auf standardmäßigen, semantischen HTML-Elementen zu speichern.
Verwendung von Cross-Origin-Bildern in einem Canvas: Einige HTML-Elemente, die Unterstützung für CORS bieten, wie <img> oder <video>, haben ein crossorigin-Attribut (crossOrigin-Eigenschaft), mit dem Sie die CORS-Anfragen für die abgerufenen Daten des Elements konfigurieren können.
Ein Hitmap über ein Bild legen: Bildbereiche ermöglichen es, Hyperlinks mit verschiedenen Teilen eines Bildes zu verknüpfen. Dieser Artikel zeigt, wie sie erstellt und implementiert werden.
Schnell ladende HTML-Seiten erstellen: Diese Tipps basieren auf allgemeinem Wissen und Experimenten. Eine optimierte Webseite bietet nicht nur eine reaktionsschnellere Site für Ihre Besucher, sondern reduziert auch die Last auf Ihren Webservern und Ihrer Internetverbindung.
JavaScript zu Ihrer Webseite hinzufügen: Dieser Artikel erklärt, wie Sie JavaScript-Code zu einer HTML-Datei hinzufügen.

Referenz

HTML besteht aus Elementen, von denen jedes durch eine Anzahl von Attributen modifiziert werden kann. HTML-Dokumente sind mit Links miteinander verbunden. Blättern Sie durch die vollständige HTML-Referenz Dokumentation.

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 deren Verhalten auf verschiedene Weisen anpassen.
Globale Attribute: Referenz für globale Attribute, die auf allen HTML-Elementen angegeben werden können, auch auf solchen, die nicht im Standard spezifiziert sind. Das bedeutet, dass alle nicht-standardmäßigen Elemente diese Attribute dennoch zulassen müssen, auch wenn sie dazu führen, dass das Dokument nicht HTML5-konform ist.

Attribute nach Element

Eingabefelder: Wird verwendet, um interaktive Steuerungen für webbasierte Formulare zu erstellen.
Script-Typen: Gibt den Typ des Skripts an, das durch das Element dargestellt wird.
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

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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