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 in der Regel andere Technologien verwendet, um das Aussehen/Darstellung (CSS) oder Funktionalität/Verhalten (JavaScript) einer Webseite zu beschreiben.

"Hypertext" bezieht sich auf Links, die 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 ein aktiver Teilnehmer am World Wide Web.

HTML verwendet "Markup", um Text, Bilder und andere Inhalte zur 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 im Dokument von anderem Text durch "Tags" abgegrenzt, die aus dem Elementnamen bestehen, umgeben von < und >. Der Name eines Elements innerhalb eines Tags ist nicht case-sensitive. Das bedeutet, es kann in Großbuchstaben, Kleinbuchstaben oder in einer Mischung geschrieben werden. Zum Beispiel kann das <title>-Tag als <Title>, <TITLE> oder auf jede andere Weise geschrieben werden. Die Konvention und empfohlene Praxis ist jedoch, Tags in Kleinbuchstaben zu schreiben.

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

Wichtige Ressourcen

HTML Einführung: Wenn Sie neu in der Webentwicklung sind, lesen Sie unbedingt unseren Artikel HTML-Grundlagen, um zu lernen, was HTML ist und wie es verwendet wird.
HTML Tutorials: Für Artikel darüber, wie man HTML verwendet, sowie Anleitungen und vollständige Beispiele, besuchen Sie unseren HTML-Lernbereich.
HTML Referenz: In unserem umfangreichen HTML-Referenz Bereich finden Sie die Details zu jedem Element und Attribut in HTML.

Einsteiger-Tutorials

Unser HTML-Lernbereich bietet mehrere Module, die HTML von Grund auf lehren — keine Vorkenntnisse erforderlich.

Einführung in HTML: Dieses Modul bereitet Sie auf wichtige Konzepte und Syntax vor, wie z.B. die Anwendung von HTML auf Text, das Erstellen von Hyperlinks und die Verwendung von HTML zur Strukturierung einer Webseite.
Multimedia und Einbettung: Dieses Modul untersucht, wie HTML verwendet wird, um Multimedia in Ihre Webseiten einzubinden, einschließlich der verschiedenen Möglichkeiten, wie Bilder eingebettet werden können, sowie das Einbetten von Videos, Audio und sogar ganzen anderen Webseiten.
HTML-Tabellen: Die Darstellung tabellarischer Daten auf einer Webseite auf verständliche, zugängliche Weise kann eine Herausforderung sein. Dieses Modul behandelt grundlegendes Tabellenmarkup, zusammen mit komplexeren Funktionen wie der Implementierung von Beschriftungen und Zusammenfassungen.
HTML-Formulare: Formulare sind ein sehr wichtiger Teil des Webs — sie bieten viele der Funktionen, die für die Interaktion mit Websites benötigt werden, z.B. Registrierung und Login, Feedback senden, Produkte kaufen und mehr. Dieses Modul hilft Ihnen beim Einstieg in die Erstellung der Client-seitigen/Front-End-Teile von Formularen.
HTML verwenden, um häufige Probleme zu lösen: Bietet Links zu Inhaltsbereichen, die erklären, wie HTML verwendet wird, um sehr häufige Probleme bei der Erstellung einer Webseite zu lösen: Umgang mit Titeln, Hinzufügen von Bildern oder Videos, Hervorheben von Inhalten, Erstellen eines einfachen Formulars usw.

Fortgeschrittene Themen

CORS-fähiges Bild: Das crossorigin Attribut, in Verbindung mit einem geeigneten CORS Header, ermöglicht es, dass Bilder, die durch das <img> Element definiert sind, aus fremden Ursprüngen geladen werden und in einem <canvas> Element verwendet werden können, als ob sie vom aktuellen Ursprung geladen würden.
CORS-Einstellungen Attribute: 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.
Inhalte mit rel="preload" vorladen: Der preload Wert des <link> Elements des rel Attributs ermöglicht es Ihnen, deklarative Fetch-Anfragen in Ihrem HTML-<head> zu schreiben, indem Sie Ressourcen spezifizieren, die Ihre Seiten sehr bald nach dem Laden benötigen werden, die Sie daher früh im Lebenszyklus eines Seitenladens vorladen möchten, bevor der Hauptteil des Render-Mechanismus des Browsers einsetzt. Dies stellt sicher, dass sie früher verfügbar gemacht werden und weniger wahrscheinlich die erste Darstellung der Seite blockieren, was zu Leistungsverbesserungen führt. Dieser Artikel bietet eine grundlegende Anleitung, wie preload funktioniert.

Referenz

HTML Referenz: HTML besteht aus Elementen, von denen jedes durch eine Anzahl von Attributen modifiziert werden kann. HTML-Dokumente sind über Links miteinander verbunden.
HTML-Element-Referenz: Durchsuchen Sie eine Liste aller HTML Elemente.
HTML-Attribut-Referenz: 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 im Standard nicht spezifiziert sind. Das bedeutet, dass auch nicht standardmäßige 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 Raum ein, der von den Tags begrenzt wird, die es definieren. Ein Block-level-Element nimmt den gesamten Raum seines übergeordneten Elements (Containers) ein und erstellt damit eine "Blockbox".
HTML-Kommentare: HTML-Kommentare werden verwendet, um erklärende Notizen zum Markup hinzuzufügen oder um den Browser daran zu hindern, bestimmte Teile des Dokuments zu interpretieren.
Leitfaden zu Medientypen und -formaten im Web: Die <audio> und <video> -Elemente ermöglichen es Ihnen, Audio- und Videomedien nativ in Ihrem Inhalt abzuspielen, ohne dass eine externe Softwareunterstützung erforderlich ist.
HTML-Inhaltskategorien: HTML besteht aus mehreren Inhaltsarten, die jeweils in bestimmten Kontexten verwendet werden dürfen und in anderen nicht. Ähnlich hat jeder Kontext eine Menge anderer Inhaltskategorien, die er enthalten kann und Elemente, die er nicht enthalten darf. Dies ist ein Leitfaden zu diesen Kategorien.
Quirks-Modus und Standards-Modus: Historische Informationen zu Quirks-Modus und Standards-Modus.

Wichtige Ressourcen

Einsteiger-Tutorials

Fortgeschrittene Themen

Referenz

Verwandte Themen