HTML: HyperText Markup Language
HTML (HyperText Markup Language) ist der fundamentalste Baustein des Webs. Es definiert die Bedeutung und Struktur von Webinhalten. Andere Technologien neben HTML werden im Allgemeinen verwendet, um das Erscheinungsbild/die Präsentation einer Webseite zu beschreiben (CSS) oder die Funktionalität/das 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 sie mit Seiten verknüpfen, die von anderen erstellt wurden, werden Sie ein aktiver Teilnehmer im World Wide Web.
HTML verwendet "Markup", um Text, Bilder und andere Inhalte für die Anzeige in einem Webbrowser zu annotieren. 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 andere.
Ein HTML-Element wird durch "Tags" von anderem Text in einem Dokument abgesetzt, 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 davon geschrieben werden. Zum Beispiel kann das <title>-Tag als <Title>, <TITLE> oder in irgendeiner anderen Weise geschrieben werden. Allerdings ist die Konvention und empfohlene Praxis, Tags in Kleinbuchstaben zu schreiben.
Die folgenden Artikel können Ihnen helfen, mehr über HTML zu lernen.
Einsteiger-Tutorials
Unsere Kernmodule zur Webentwicklung lernen enthalten moderne, aktuelle Tutorials, die die Grundlagen von HTML abdecken.
- Ihre erste Website: Den Inhalt erstellen
-
Dieser Artikel bietet eine kurze Einführung, was HTML ist und wie es verwendet wird, und richtet sich an Personen, die völlig neu in der Webentwicklung sind.
- Inhalte mit HTML strukturieren
-
Dieses Modul behandelt die Grundlagen der HTML-Sprache, bevor es sich auf zentrale Bereiche wie Dokumentstruktur, Links, Listen, Bilder, Formulare und mehr konzentriert.
Leitfäden
Die HTML-Leitfäden helfen Ihnen beim Erstellen mit HTML im Web und behandeln Themen wie Formulare, CORS, Content-Preloading und responsive Bilder.
- HTML-Formulare
-
Formulare sind ein sehr wichtiger Teil des Webs – sie bieten einen Großteil der Funktionalität, die Sie für die Interaktion mit Websites benötigen, z.B. registrieren und einloggen, Feedback geben, Produkte kaufen und mehr. Dieses Modul hilft Ihnen, die clientseitigen/front-end Teile von Formularen zu erstellen.
- CORS-fähiges Bild
-
Das
crossorigin-Attribut, in Kombination mit einem geeigneten CORS-Header, ermöglicht es, Bilder, die durch das<img>-Element definiert sind, von fremden Ursprüngen zu laden und in einem<canvas>-Element zu verwenden, als ob sie vom aktuellen Ursprung geladen würden. - CORS-Einstellungen Attribute
-
Einige HTML-Elemente, die CORS unterstützen, wie
<img>oder<video>, haben eincrossorigin-Attribut (crossOrigin-Eigenschaft), mit dem Sie die CORS-Anfragen für die abgerufenen Daten des Elements konfigurieren können. - Inhalte mit rel="preload" vorladen
-
Der
preload-Wert des<link>-Elementsrel-Attributs ermöglicht es Ihnen, deklarative Fetch-Anfragen in Ihrem HTML<head>zu schreiben, Ressourcen zu spezifizieren, die Ihre Seiten sehr bald nach dem Laden benötigen werden, die Sie daher früh im Lebenszyklus eines Seitenladevorgangs vorladen möchten, bevor der Haupt-Rendering-Mechanismus des Browsers einsetzt. Dies stellt sicher, dass sie früher verfügbar gemacht werden und weniger wahrscheinlich den ersten Render der Seite blockieren, was zu Leistungsverbesserungen führt. Dieser Artikel bietet einen grundlegenden Leitfaden dazu, wiepreloadfunktioniert. - Responsive Bilder
-
In diesem Artikel lernen wir das Konzept von responsive images kennen – Bilder, die auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen solchen Merkmalen gut funktionieren – und betrachten, welche Tools HTML bereitstellt, um sie zu implementieren. Dies hilft, die Leistung auf verschiedenen Geräten zu verbessern.
Referenz
- HTML-Referenz
-
HTML besteht aus Elementen, von denen jedes durch einige Attribute modifiziert werden kann. HTML-Dokumente sind durch Links miteinander verbunden.
- HTML-Elementreferenz
- HTML-Attributreferenz
-
Elemente in HTML haben Attribute. Diese sind zusätzliche Werte, die die Elemente konfigurieren oder ihr Verhalten auf verschiedene Weise anpassen.
- Globale Attribute
-
Globale Attribute können auf alle HTML-Elemente angewendet werden, selbst auf die, die nicht im Standard spezifiziert sind. Das bedeutet, dass auch nicht standardisierte Elemente diese Attribute zulassen müssen, obwohl diese Elemente das Dokument HTML5-inkompatibel machen.
- Inline-Level-Elemente und Block-Level-Elemente
-
HTML-Elemente sind normalerweise "Inline-Level"- oder "Block-Level"-Elemente. Ein Inline-Level-Element nimmt nur den Platz ein, der durch die Tags begrenzt ist, die es definieren. Ein Block-Level-Element nimmt den gesamten Raum seines übergeordneten Elements (Containers) ein und erzeugt dadurch eine "Blockbox".
- HTML-Kommentare
-
HTML-Kommentare werden verwendet, um erklärende Anmerkungen zum Markup hinzuzufügen oder um zu verhindern, dass der Browser bestimmte Teile des Dokuments interpretiert.
- Leitfaden zu Medientypen und Formaten im Web
-
Die
<audio>- und<video>-Elemente ermöglichen es Ihnen, Audio- und Videomedien nativ in Ihren Inhalten abzuspielen, ohne dass externe Softwareunterstützung erforderlich ist. - HTML-Inhaltskategorien
-
HTML besteht aus mehreren Arten von Inhalten, von denen jede 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 in ihnen benutzt oder nicht benutzt werden können. Dies ist ein Leitfaden zu diesen Kategorien.
- Quirks-Modus und Standards-Modus
-
Historische Informationen über den Quirks-Modus und den Standards-Modus.
Verwandte Themen
- Farbe auf HTML-Elemente mit CSS anwenden
-
Dieser Artikel behandelt die meisten Möglichkeiten, wie Sie CSS verwenden, um Farbe zu HTML-Inhalten hinzuzufügen, und listet auf, welche Teile von HTML-Dokumenten eingefärbt werden können und welche CSS-Eigenschaften dabei zu verwenden sind.